< p >Javascript 是一種廣泛用途的編程語言，可以用于創(chuàng)建交互式和動態(tài)的網(wǎng)站。在這些網(wǎng)站中，用戶有時需要下載文件。Javascript 提供了許多方法來實現(xiàn)文件下載，這些方法可以通過 API 調(diào)用、XHR 異步請求、Blob 等方式來實現(xiàn)。本文將介紹如何使用 Javascript 來實現(xiàn)文件下載，并提供一些例子幫助您更好地理解這些方法。

< p >下載二進制文件（blob）：

< pre >function downloadBlob ( blob , fileName ) { const link = document . createElement ( "a" ); link . href = window . URL . createObjectURL ( blob ); link . download = fileName ; link . click (); window . URL . revokeObjectURL ( url ); }< p >使用該函數(shù)，我們可以通過傳遞 Blob 對象和一個文件名來下載文件。例如，假設(shè)我們有一個 Blob 對象，它包含了 PDF 文件。我們可以通過執(zhí)行以下代碼來下載它：

< pre >const pdfBlob = new Blob ([ pdfData ], { type : "application/pdf" }); downloadBlob ( pdfBlob , "my_document" ) ;< p >下載遠程文件：

< pre >function downloadFromUrl ( url , fileName ) { const xhr = new XMLHttpRequest (); xhr . open ( "GET" , url , true ); xhr . responseType = "blob" ; xhr . onload = () =>{ const blob = xhr . response ; downloadBlob ( blob , fileName ); }; xhr . send (); }< p >使用該函數(shù)，我們可以通過 URL 和文件名來下載文件。例如，假設(shè)我們需要下載一張照片，并將其保存為 image.jpg。我們可以通過執(zhí)行以下代碼來下載它：

< pre >downloadFromUrl ( "http://www.example.com/image.jpg" , "image.jpg" ) ;< p >下載 Json 文件：

< pre >function downloadJson ( data , fileName ) { const jsonBlob = new Blob ([ JSON . stringify ( data )], { type : "application/json" }); downloadBlob ( jsonBlob , fileName + ".json" ); }< p >使用該函數(shù)，我們可以通過傳遞 JSON 數(shù)據(jù)和文件名來下載 JSON 文件。例如，假設(shè)我們有一些 JSON 數(shù)據(jù)，我們可以通過執(zhí)行以下代碼來下載它：

< pre >const jsonData = { name : "John" , age : 30 }; downloadJson ( jsonData , "my_data" ) ;< p >總結(jié)：

< p >通過使用上述方法，我們可以使用 Javascript 下載文件。我們可以使用 Blob 對象來創(chuàng)建并保存二進制文件，使用 XHR 來下載遠程文件，使用 JSON.stringify 將 Json 數(shù)據(jù)轉(zhuǎn)換為字符串并保存為 Json 文件。這些方法可以應(yīng)用于不同類型的文件，并且可以靈活調(diào)整以滿足特定的需求。強烈建議使用這些方法時謹慎考慮每個方法的優(yōu)點和缺點，并選擇最合適的方法。