JavaScript의 ``요소에서 전체 파일 경로를 어떻게 얻을 수 있나요?

을 사용하여 파일 경로 검색

JavaScript 애플리케이션에서 선택한 파일의 전체 경로에 액세스 요소는 일반적인 요구 사항입니다. 그러나 보안 문제로 인해 브라우저는 일반적으로 파일 이름만 제공합니다.

제공하신 코드 조각은 이러한 제한 사항을 보여줍니다.

$('input[type=file]').change(function () {
  var filePath = $('#fileUpload').val();
});

filePath 변수에는 파일 이름만 포함되며 파일 이름은 포함되지 않습니다. 전체 경로.

현재 제한 사항

보안상의 이유로 JavaScript는 파일 시스템에 액세스할 수 없습니다. Firefox 및 Chrome과 같은 브라우저는 사용자 개인 정보를 보호하고 악성 스크립트가 민감한 데이터에 액세스하는 것을 방지하기 위해 파일 이름만 제공합니다.

Firefox의 mozFullPath 속성

Firefox는 mozFullPath를 제공합니다. 파일 API의 속성입니다. 그러나 이 속성에 액세스하면 빈 문자열이 반환됩니다.

$('input[type=file]').change(function () {
  console.log(this.files[0].mozFullPath);
});

대체 접근 방식

브라우저는 파일 경로에 대한 직접 액세스를 제한하므로 파일 데이터를 얻으려면 대체 접근 방식이 필요합니다. . 한 가지 옵션은 전체 경로 없이 선택한 파일의 내용을 읽을 수 있는 FileReader API를 사용하는 것입니다.

또 다른 접근 방식은 파일 데이터를 저장할 수 있는 서버 측에 파일 업로드를 구현하는 것입니다. 안전하게 검색 및 처리됩니다.

위 내용은 JavaScript의 ``요소에서 전체 파일 경로를 어떻게 얻을 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!