>  기사  >  웹 프론트엔드  >  JavaScript가 Safari 및 Chrome에서 클라이언트 측 로컬 파일 콘텐츠를 읽을 수 있습니까?

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

Barbara Streisand
Barbara Streisand원래의
2024-11-26 07:11:10353검색

Can JavaScript Read Local File Contents Client-Side in Safari and 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.