IE < 10="" without="" flash-based="" polyfills.="" see="" chenwenbrian="" and="" koffsyrup`s="" savetextas()="" for="" more="" details.="" blobs="" may="" be="" opened="" instead="" of="" saved="" sometimes—you="" may="" have="" to="" direct="" your="" safari="" users="" to="" manually="" press="" s="" to="" save="" the="" file="" after="" it="" is="" opened.="" using="" the="" application/octet-stream="" mime="" type="" to="" force="" downloads="" can="" cause="" issues="" in="" safari.="" then,="" if="" we="" want="" to="" export="" the="" content="" of="" the="" text="" variable="" as="" a="" text="" file,="" we="" can="" use="" this="" javascript="" code:="" want="" to="" be="" notified="" of="" new="" releases="" in="" kennethjiang/js-file-download?="" and="" in="" the="" last="" line="" we="" assign="" the="" url="" to="" the=""> 요소의 href 특성에 텍스트 파일을 저장할 수 있으므로 사용자가 링크를 클릭 하면 브라우저가 다운로드 작업 (또는 특정 파일 형식에 대 한 다른 기본 동작)을 시작 합니다. 그러나 경우에 따라 웹 응용 프로그램은 브라우저에 남겨 두지 않고 다운로드 부분 자체를 처리 하려고 할 수 있습니다. 그것은 어플리케이션의 UI 자체에서 파일의 다운로드 진행을 보여주는 것과 같은 자체적인 이유가 있을 수 있습니다. 또 다른 이유는 수익 창출이 될 수 있습니다-응용 프로그램은 파일이 다운로드 되는 동안 사용자에 게 광고를 표시 할 수 있습니다. 위의 코드는 파일을 다운로드 하 고 개체 URL을 설정 합니다-기본적으로 사용자는 파일을 다운로드 하려면 두 번 클릭 해야 합니다. 또한 링크를 동적으로 생성 하 고 클릭을 호출 하 여 사용자가 파일을 다운로드 하기 위해 한 번 클릭 해야 할 수도 있습니다. 이러한 파일을 로컬로 다운로드 하려면 링크를 마우스 오른쪽 단추로 클릭 하 고 “다른 이름으로 저장 …”을 선택 합니다. 메뉴에서. 마법은 세 번째 줄, 창에서 발생 합니다. API는 Blob을 가져와 액세스 하는 URL을 반환 합니다.
URL은 문서가 만들어진 창에 있는 문서 만큼 오래 살고 있습니다. 새 Blob () 생성자에서 데이터 형식을 할당할 수 있습니다. 올바른 형식을 지정 하면 브라우저가 파일을 더 잘 처리할 수 있습니다. 일반적으로 볼 수 있는 다른 형식에는 응용 프로그램/json 및 텍스트/csv가 포함 됩니다. 예를 들어 파일의 이름을 * .csv로 지정 하 고 ` 텍스트/c s v `로 입력 하면 Firefox는이를 ` CSV 문서 `로 인식 하 고 LibreOffice Calc를 사용 하 여 열 것을 제안 합니다. 이것은 node_modules 디렉토리에 jQuery를 설치 합니다. Node_modules/jquery/dist 내에서 압축 해제, 압축 된 릴리스 및 맵 파일을 찾을 수 있습니다. 이 기사에서는 순수 자바 스크립트를 사용 하 여 파일을 직접 생성 하 고 다운로드 하는 몇 가지 트릭을 보여 드리겠습니다. 이것은 사용자가 어떤 서버를 설정 하지 않고 파일을 다운로드 할 수 있도록 하는 간단한 트릭입니다. 당신이 행동에 그것을 보고 싶은 경우에, 당신은 체크 아웃 할 수 있습니다이 CodePen.
다음 코드 조각을 사용 하면 파일 (확장명 포함)을 생성 하 고 어떤 서버에도 문의 하지 않고 다운로드할 수 있습니다. jQuery 릴리스와 그 가용성 사이에 지연이 있을 수 있다는 점에 유의 하십시오.