[JQUERY] jQuery를 사용하여 파일 입력에서 전체 경로

jQuery를 사용하여 파일 입력에서 전체 경로

해결법

1. ---

   1.당신은 할 수 없습니다 : 그것은 모든 최신 브라우저의 보안 기능입니다.

   당신은 할 수 없습니다 : 그것은 모든 최신 브라우저의 보안 기능입니다.

   IE8의 경우, 기본적으로 사용하지만 보안 설정을 사용하여 활성화 할 수 있습니다 :

   내가 아는 다른 모든 현재 주류 브라우저에서, 그것도 꺼집니다. 파일 이름은 당신이 얻을 수있는 최선이다.

   더 많은 정보를 원하시면,이 문제의 좋은 링크를 설명. 이 값의 서버 측을 얻기를 의미하지만, 문제는 폼의 제출 전에 자바 스크립트에서 동일합니다.

2. ---

   2.음, 전체 경로를 얻는 것은 불가능하다 그러나 우리는 임시 경로를 가질 수 있습니다.

   음, 전체 경로를 얻는 것은 불가능하다 그러나 우리는 임시 경로를 가질 수 있습니다.

   이 시도:

   그것은 당신이 jsfiddle 예 (selectng 이미지뿐만 아니라 다른 파일에 의해 그것을 시도) 등, 선택한 이미지를 표시하려면이 스크립트를 사용할 수 없습니다 정확한 경로 당신에게 임시 경로를 줄 것이다 : -

   JSFIDDLE

   여기 코드는 다음과 같습니다 -

   HTML : -

   <input type="file" id="i_file" value=""> 
   <input type="button" id="i_submit" value="Submit">
       <br>
   <img src="" width="200" style="display:none;" />
           <br>
   <div id="disp_tmp_path"></div>
   

   JS : -

   $('#i_file').change( function(event) {
   var tmppath = URL.createObjectURL(event.target.files[0]);
       $("img").fadeIn("fast").attr('src',URL.createObjectURL(event.target.files[0]));
   
       $("#disp_tmp_path").html("Temporary Path(Copy it and try pasting it in browser address bar) --> <strong>["+tmppath+"]</strong>");
   });
   

   그것의 당신이 찾고있는 사람이되었지만, 어딘가에 당신을 도울 수있을 수 있습니다 정확히 무엇인지.

from https://stackoverflow.com/questions/3489133/full-path-from-file-input-using-jquery by cc-by-sa and MIT license