파이어 폭스 DevTools 디버거 내에서이 위대한 기술을 구현스네하 자인에 소리! 가장 좋은 부분은 모든 것이 생성되고 즉석에서 파괴되기 때문에 서버에 잔여 파일을 남기지 않는다는 것입니다! 마법은 세 번째 줄, 창에서 발생합니다. URL.createObjectURL() API는 Blob을 가져와 URL을 반환하여 액세스합니다. URL이 작성된 창에 있는 문서만큼 URL이 오래 지속됩니다. 새 Blob() 생성자에서 데이터 형식을 할당할 수 있습니다. 올바른 형식을 할당하면 브라우저에서 파일을 더 잘 처리할 수 있습니다. 다른 일반적으로 볼 수 있는 형식은 응용 프로그램/json 및 텍스트/csv를 포함 합니다. 예를 들어 파일의 이름을 *.csv로 지정하고 `텍스트/csv`를 입력하면 Firefox는 파일을 „CSV 문서”로 인식하고 LibreOffice Calc로 열것을 제안합니다. 당신이 CDN cloudfront에서 PDF를로드하는 경우, 당신은 0kb에서 다운로드 할 수있는 문서를 강제로 문서의 크기를 얻을 수 없기 때문에 나는 파일 크기를 확인하고 있기 때문에 나는 파일 크기를 확인, 이 조건을 피하기 위해 나는이 조건으로 확인이 조건에서 확인하려면 정말 큰 파일을 저장해야하는 경우 다음 Blob의 크기 제한이 없거나 충분한 RAM이없는, 다음 하드 드라이브의 하드 드라이브 에 직접 데이터를 저장할 수있는 고급 StreamSaver.js를 살펴. 즉, 진행에 대한 지원을해야합니다, 취소하고 쓰기가 완료되면 알고. 다음 간단한 기능을 사용하면 서버에 연결하지 않고 브라우저에서 직접 파일 다운로드를 생성할 수 있습니다. 그것은 요소의 다운로드 속성을 사용 하 여 모든 HTML5 준비 브라우저에서 작동: 먼저, 우리는 동일한 너비와 높이 컬렉션에서 이미지를 필터링 하기 위한 사각형 이미지 필터 기능을 정의 합니다. 서버로 작업 요청을 보내지 않고 수행됩니다. HTML5를 지원하는 브라우저에서 이 방법을 사용할 수 있습니다.
다음은 약속과 플러그인 소스를 사용하여 간단한 사용 사례 데모입니다. 데모 페이지에는 `더 나은 UX` 예제도 많이 포함되어 있습니다. URL.createObjectURL()을 사용하여 JavaScript에서 생성된 데이터를 다운로드하고 나중에 객체 URL(해지ObjectURL 포함)을 취소하려는 경우(권장되는 대로) 다운로드가 완료된 후 이를 수행해야 합니다. 이렇게 하려면 downloads.on변경 된 이벤트를 들어보십시오. 과거에는 인기 있는 브라우저로 인해 안전 문제로 인해 자동 다운로드를 실행하기가 어려웠습니다. HTML5 및 자바 스크립트 다운로드 방법으로, 이것은 더 이상 문제가되지 않습니다. 브라우저가 렌더링할 수 있는 파일(예: HTML 또는 텍스트 파일)을 다운로드하도록 하려면 서버가 임의의 이진 데이터에 사용되는 응용 프로그램/x-please-download-me 또는 응용 프로그램/옥텟 스트림과 같은 무의미한 값으로 파일의 MIME Type을 설정해야 합니다. 아 하! 가능! 위의 데이브 월시의 스크립트 앞에, 나는 먼저 같은 fetch() 와 파일 (원격 또는 „로컬”)의 가져 오기를 스트리밍 : 우리는 텍스트 파일로 텍스트 변수의 내용을 내보내려면, 우리는이 자바 스크립트 코드를 사용할 수 있습니다 : 파일 다운로드는 인터넷 서핑의 핵심 측면이다.