JavaScript 및 jQuery를 사용하여 전체 파일 경로를 검색하려면 어떻게 해야 합니까?

JavaScript 및 jQuery를 사용하여 선택한 파일의 전체 경로 검색

웹 개발에서는 HTML <를 사용하여 파일 선택을 처리해야 하는 경우가 많습니다. ;입력 유형="파일"> 요소. Firefox 및 Chrome과 같은 브라우저는 파일 이름에 대한 액세스를 제공하지만 보안상의 이유로 전체 경로에 대한 액세스를 제한합니다.

값 속성을 사용한 접근 방식 실패

한 가지 일반적인 오해 <input type="file"> 전체 경로를 포함합니다. 그러나 이 접근 방식은 전체 경로가 아닌 파일 이름만 반환합니다.

<input type="file">

브라우저 보안 제한

브라우저는 의도적으로 JavaScript를 통한 전체 경로에 대한 액세스를 비활성화했습니다. 악의적인 공격을 방지하고 사용자의 개인 정보를 보호합니다. 기본적으로 JavaScript는 파일 시스템에 액세스할 수 없습니다.

Firefox의 대안

다른 브라우저는 전체 경로에 대한 액세스를 제공하지 않지만 Firefox에는 고유한 속성이 있습니다. mozFullPath라고 합니다. 그러나 이 속성에 액세스하려고 시도하면 빈 문자열이 반환됩니다.

$('input[type=file]').change(function () {
  console.log(this.files[0].mozFullPath);
});
https://jsfiddle.net/SCK5A/

파일 읽기를 위한 대체 접근 방식

전체 경로에 의존하는 대신 파일 사용을 고려하세요. 시스템의 해당 위치에 액세스하지 않고도 파일 내용을 읽을 수 있는 리더 API. 이 접근 방식은 다음 스택 오버플로 질문에 설명된 대로 업로드하기 전에 이미지를 미리 보는 데 일반적으로 사용됩니다.

이미지를 업로드하기 전에 미리 봅니다.

위 내용은 JavaScript 및 jQuery를 사용하여 전체 파일 경로를 검색하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!