JavaScript가 Safari 및 Chrome에서 클라이언트 측 로컬 파일 콘텐츠를 읽을 수 있습니까?

브라우저 전반에 걸쳐 JavaScript로 클라이언트측에서 파일 콘텐츠 읽기

브라우저를 사용하는 클라이언트 시스템에서는 Firefox 및 Internet Explorer용 솔루션이 개발되었습니다. 그러나 이 기능을 다른 브라우저로 확장하면 다음과 같은 질문이 제기됩니다.

Safari 및 Chrome의 클라이언트 측에서 파일 콘텐츠에 액세스할 수 있습니까?

네이티브 파일 API 접근 방식

원래 답변 이후 File API는 다음을 포함한 대부분의 최신 브라우저에서 지원하는 표준화된 방법으로 등장했습니다. IE 10 이상. 이 API는 비동기식 파일 읽기, 다중 파일 처리 및 적응형 텍스트 인코딩 디코딩에 대한 강력한 지원을 제공합니다.

파일 API를 활용하려면 다음 단계를 사용할 수 있습니다.

var file = document.getElementById("fileForUpload").files[0];
if (file) {
    var reader = new FileReader();
    reader.readAsText(file, "UTF-8");
    reader.onload = function (evt) {
        document.getElementById("fileContents").innerHTML = evt.target.result;
    }
    reader.onerror = function (evt) {
        document.getElementById("fileContents").innerHTML = "error reading file";
    }
}

WebKit 기반 브라우저(Safari, Chrome)

안타깝게도 원작 당시에는 이에 대한 응답으로 WebKit 브라우저(Safari 및 Chrome 포함)에는 파일 콘텐츠 읽기에 대한 기본 지원이 부족했습니다. 그러나 제안 사항은 다음과 같습니다.

• WebKit 프로젝트에 패치를 제출합니다.
• HTML 5에 Mozilla API를 포함하도록 제안합니다.

그 이후 , 상황에 대한 중요한 업데이트는 없습니다. WebKit 브라우저는 계속해서 File 객체를 통해 파일 이름과 크기에 대한 액세스만 제공하므로 이러한 브라우저에서 파일 내용을 직접 읽는 기능은 제한됩니다.

대체 고려 사항

• 브라우저 확장 기능 사용의 타당성을 살펴보세요.
• 파일을 처리하기 위한 서버측 API 구현 읽기.
• 파일 처리를 위해 끌어서 놓기와 같은 대체 기술을 고려하십시오.

위 내용은 JavaScript가 Safari 및 Chrome에서 클라이언트 측 로컬 파일 콘텐츠를 읽을 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!