자바스크립트 로컬 파일 다운로드

이 옵션을 생략하는 경우, 브라우저는 이 동작에 대한 일반적인 사용자 기본 설정에 따라 파일 선택기를 표시하거나하지 않습니다 (Firefox에서이 환경 설정은 약 :환경 설정에서 „항상 파일을 저장할 위치를 요청“, 또는 browser.download.useDownloadDir 에 대한 :config). 당신이 구글 크롬을 사용하고 당신이 옵션을 활성화 한 상상 „다운로드 한 파일 자동 열기“, 당신의 불운을 위해 당신은 악의적 인 웹 사이트에 입력하고 알 수없는 파일의 다운로드를 생성합니다. 여러분은 이 이야기가 어떻게 끝나는지 압니다. 작은 txt 파일을 저장하기 위해이 코드를 구현하려고했지만 작동할 수 없습니다. 누군가가 내가 잘못하고 / 잊어 버린 무슨 짓을하는지 말해 줄 수 있습니까? FileUpload 네비게이터.webkitPersistentStorage.requestQuota (1024 * 1024, 기능 () { window.webkitRequestFileSystem (창) . 영구, 1024 * 1024, saveFile); }) 함수 loadFile() { var myFile =$(„#myFile“).get(0); 만약 (myFile.file.length == 1) { var 리더 = 새로운 FileReader (); reader.onload = 함수 (e) { var fileContent = $(„#fileContent“); fileContent.html(e.target.result); reader.onerror = 함수 (e) { 경고 („오류가 있었다!“); }; reader.readAsText (myFile.files[0]); saveFile (로컬 스토리지) { localstorage.root.GetFile („myFile.txt“, {create: true }); } CSS와 자바 스크립트가 모든 사용자에게 정적인 경우 CDN을 사용하는 것이 올바른 방법입니다. 인라인 코드를 사용하지 않는 한 자신의 웹 서버 대신 CDN에서 CSS 및 js 파일만 로드되므로 추가 HTTP 요청이 발생하지 않습니다. 따라서 서버에서 이러한 요청을 로드하는 사용자 브라우저 대신 CDN을 통해 로드되는 추가 요청은 이러한 요청을 보낼 위치를 변경하는 데 만전을 기할 수 없습니다(현재 인라인 코드를 사용하지 않는 한 다시). CDN은 모든 정적 파일(.css/Js/images)에 사용해야 합니다. 당신은 확실히 크롬의 DevTools 개발 목적을 위해 매우 유용 되 고 알고. 쿠키 나 기타 정보를 쉽게 확인하십시오.

이제 FileSystem-API를 사용하여 저장된 파일 및 폴더를 확인할 수도 있습니다. 먼저 수동으로 사용하도록 설정해야 합니다. chrome://flags/ 이동하여 개발자 도구 사용 실험을 활성화하고 Chrome을 다시 시작합니다. 그런 다음 옵션으로 이동하여 새로운 섹션 실험을 찾을 수 있습니다. 실제로 파일에 내용을 작성하려면 메서드 getFile()은 함수 호출로 세 번째 매개 변수를 받습니다. 이 함수는 매개 변수 DatFile을 전달합니다. 여기에서 우리는 이 메서드 createWriter를 호출하며, 이 메서드는 파일을 콘텐츠로 채우는 것을 담당합니다. createWriter(를 통해 호출되는 다른 함수는 이 예제에서 간단한 텍스트 BLOB에서 BLOB를 만듭니다. 개체 는 문자 그대로 콘텐츠의 형식을 추가 합니다., 우리의 경우 텍스트/일반. 이제 BLOB를 파일에 씁니다. 파일 시스템에서 파일을 제거하려면 해당하여 remove()를 사용합니다. 우리의 기능 SaveDatFileBro()는 이제 할당 된 스토리지에 대한 액세스가 허용되고 파일 및 폴더를 만들고 콘텐츠를 넣을 수 있습니다.

getFile() 메서드를 사용하여 파일에 액세스하거나 필요에 따라 파일을 만듭니다: 우리의 함수 SaveDatFileBro()“는 파일 시스템에 대한 액세스를 정의하는 매개 변수를 갖추고 있어야 합니다.