首頁 > web前端 > js教程 > 怎麼透過js程式碼下載檔案到本地? (例)

怎麼透過js程式碼下載檔案到本地? (例)

藏色散人
發布: 2019-08-20 14:08:09
原創
14193 人瀏覽過

對於檔案下載是有多種方式的。這篇文章就跟大家介紹下如何用js下載檔案到本地的幾個簡單操作。希望對有需要的朋友有幫助。通常的下載方式,例如要下載檔案的位址為:htpp://127.0.0.1/demo.rar.

js本機下載檔案具體程式碼範例如下:

一、此方法在火狐上沒有效果的,在IE瀏覽器上是可以的

window.open("htpp://127.0.0.1/demo.rar");
登入後複製

二、此方法火狐有些版本是不支援的

window.location.href="htpp://127.0.0.1/test.rar";
登入後複製

三、為了解決火狐有些版本不支援,可以改成這種方式

window.location="htpp://127.0.0.1/demo.rar";
登入後複製

怎麼透過js程式碼下載檔案到本地? (例)

四、該方法IE和火狐都可以,url表示要下載的檔案路徑:

htpp://127.0.0.1/demo.rarfunction downloadFile(url) {   
   try{ 
        var elemIF = document.createElement("iframe");   
        elemIF.src = url;   
        elemIF.style.display = "none";   
        document.body.appendChild(elemIF);   
    }catch(e){ 
        zzrw.alert("下载异常!");
    }     
}
登入後複製

五、表單方式直接下載檔案,url表示要下載的檔案路徑:

htpp://127.0.0.1/demo.rarfunction downloadFile(url){
    var form=$("<form>");
    form.attr("style","display:none");
    form.attr("target","");
    form.attr("method","get"); 
    form.attr("action",url);
    $("body").append(form);
    form.submit();//表单提交}
登入後複製

註:

var form=$("

");定義form表單,透過表單傳送請求

orm.attr();設定為不顯示

form.attr();設定請求類型 

form.attr() ;設定請求路徑

$("body").append(form);新增表單到頁面(body)中

form.submit();表單提交

以上是怎麼透過js程式碼下載檔案到本地? (例)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板