브라우저 파일 입력에서 전체 로컬 파일 경로를 어떻게 얻을 수 있습니까?

브라우저 파일 입력에서 실제 로컬 파일 경로 가져오기

브라우저는 종종 "C:fakepath" 또는 이와 유사한 가짜 위치에서 발생하는 것으로 간주됩니다. 이 보안 조치는 스크립트가 악의적인 목적으로 남용될 수 있는 실제 로컬 경로에 액세스하는 것을 방지합니다.

이 제한된 정보는 개발자가 파일 처리 또는 기타 작업을 위해 전체 로컬 경로가 필요할 때 실망스러울 수 있습니다. 최신 브라우저에서는 실제 경로를 검색할 수 있는 직접적인 방법은 없지만 부분적으로 액세스 가능한 표현을 제공할 수 있는 해결 방법이 있습니다.

Mozilla 기반 브라우저(예: Firefox)의 경우 파일의 전체 경로에 액세스하는 것은 불가능합니다. 가능한. 브라우저는 지정된 요소에서 파일 이름을 "test.csv"로만 표시합니다.

그러나 다른 브라우저에서는 개발자가 webkitRelativePath 속성(Chrome과 같은 WebKit 기반 브라우저) 또는 mozFullPath 속성(이전 버전)을 사용할 수 있습니다. -Firefox 69) 부분 로컬 경로 표현을 얻으려면

다음에 대한 예가 있습니다. Chrome:

`

 document.querySelector('input[type=file]').addEventListener('change', function() {</p><pre class="brush:php;toolbar:false">console.log(this.files[0].webkitRelativePath);

});

`

이 코드는 전체 경로는 아니지만 "C:fakepath"보다 더 많은 정보를 제공하는 "Documents/test.csv"와 같은 경로입니다.

이러한 해결 방법은 모든 브라우저 또는 일부 브라우저에서 사용 가능하지 않을 수 있다는 점에 유의하는 것이 중요합니다. 보안 제한이 있을 수 있습니다. 따라서 웹 애플리케이션을 개발할 때 파일 경로 액세스가 보안에 미치는 영향을 고려하고 브라우저 보안 지침을 준수하는 것이 중요합니다.

위 내용은 브라우저 파일 입력에서 전체 로컬 파일 경로를 어떻게 얻을 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!