利用JS實現常用格式文件下載


  眾所周知, <a href="http://www.8kmm.com/UploadFiles/chinameinv/2011/5/201105022237355898.jpg" onclick='downmm()'>下載本圖</a>

這樣的代碼根本實現不了下載圖片, 在IE里面只是打開這個圖片, 常用的格式txt\doc\bmp\jpg等都會是這樣。  如果想要彈出保存對話框下載保存。 需要在后台寫代碼。 今天翻閱無數, 終於找到了種JS方式實現下載了。 

 

以下是完整的代碼:

<head runat="server">
    <title>文件下載</title>
</head>
<script type="text/javascript" >
    // 使用JS實現下載.jpg、.doc、.txt、.rar、.zip等文件的方法(參數 imgOrURL 為需要下載的圖片的URL地址)
    // 使用該方法實現下載壓縮文件時會有網頁錯誤信息提示
    // .doc、.rar、.zip 文件可以直接通過文件地址下載,
    // 如:<a href="../Images/test.doc" >點擊下載文件</a> <a href="../Images/test.zip" >點擊下載文件</a>
    function saveImageAs(imgOrURL) {
        if (typeof imgOrURL == 'object')
            imgOrURL = imgOrURL.src;
        window.win = open (imgOrURL);
        setTimeout('win.document.execCommand("SaveAs")', 500);
    }
    // 使用JS實現下載.txt、.doc、.txt、.rar、.zip等文件的方法(參數 fileURL 為需要下載的圖片的URL地址)
    // 使用該方法實現下載壓縮文件時不會有網頁錯誤信息,但是不能使用該方法下載.jpg圖片文件
    // .doc、.rar、.zip 文件可以直接通過文件地址下載,
    // 如:<a href="../Images/test.doc" >點擊下載文件</a> <a href="../Images/test.zip" >點擊下載文件</a>
    function savetxt(fileURL){
        var fileURL=window.open (fileURL,"_blank","height=0,width=0,toolbar=no,menubar=no,scrollbars=no,resizable=on,location=no,status=no");
        fileURL.document.execCommand("SaveAs");
        fileURL.window.close();
        fileURL.close();
    }
    // 功能類似savetxt方法,但是下載時初始文件名為code.txt,而不是跟目標文件名相同
    function svcode(obj) { 
        var winname = window.open('', '_blank', 'height=1,width=1,top=200,left=300'); 
        winname.document.open('text/html', 'replace'); 
        winname.document.writeln(obj.value); 
        winname.document.execCommand('saveas','','code.txt'); 
        winname.close(); 
    }
</script>
<body>
    <div>
        <br />
        <a href="javascript: void 0" onclick="savetxt('../Images/test.txt'); return false">點擊下載文件</a>
        <br /><br />
        <a href="javascript:savetxt('../Images/test.txt')" >點擊下載文件</a>
        <br /><br />
        <!-- .doc、.rar、.zip 文件可以直接通過文件所在地址下載 -->
        <a href="../Images/test.doc" >點擊下載文件</a>
        <br /><br />
        <a href="../Images/test.zip" >點擊下載文件</a>
    </div>
</body>

主要還是window里面, 可以用ie開發者工具查查。 

 

在360桌面開發平台里面, 下載圖片直接:

window.external.wappDownloadFiles('http://www.8kmm.com/UploadFiles/chinameinv/2011/5/201105022237355898.jpg','*.jpg',false);

設置壁紙:

window.external.wappSetAsDesktop('http://www.8kmm.com/UploadFiles/chinameinv/2011/5/201105022237355898.jpg',2);

 強大, 只惜只有IE有效。 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM