js同過url下載文件，調用另存為彈框

本文轉載自查看原文 2019-04-25 10:59 2228 js調用另存為彈框保存文件

實戰中，項目將文件上傳到項目的根目錄下，並進行保存，隨后根據此文件的路徑進行下載到本地磁盤

谷歌瀏覽器不存在彈框

html頁面中的

1 <a id="downLoad" onclick="oDownLoad('downLoad')">下載</a>
2 <input type="hidden" name="fgycompany.fileUrl" value="地址" />

js部分方法

 1 <script>
 2         function oDownLoad(obj) {
 3             var odownLoad = document.getElementById(obj);
 4             var url = $(odownLoad).siblings("input[name='fgycompany.fileUrl']").val();
 5             //取得瀏覽器的userAgent字符串
 6             var userAgent = navigator.userAgent;
 7             //瀏覽器類型
 8             var chromeType = "";
 9             var isOpera = userAgent.indexOf("Opera") > -1;
10             //判斷是否Opera瀏覽器
11             if (isOpera) {
12                 chromeType = "Opera"
13             };
14             //判斷是否Firefox瀏覽器
15             if (userAgent.indexOf("Firefox") > -1) {
16                 chromeType = "FF";
17             }
18             if (userAgent.indexOf("Chrome") > -1) {
19                 chromeType = "Chrome";
20             }
21             //判斷是否Safari瀏覽器
22             if (userAgent.indexOf("Safari") > -1) {
23                 chromeType = "Safari";
24             }
25             //判斷是否IE瀏覽器
26             if (userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera) {
27                 chromeType = "IE";
28             };
29             //判斷是否Edge瀏覽器
30             if (userAgent.indexOf("Trident") > -1) {
31                 chromeType = "Edge";
32             }
33             if (chromeType === "IE" || chromeType === "Edge") {
34                 //IE、Edge
35                 odownLoad.href = "#";
36                 var oImg = document.createElement("img");
37                 oImg.src = url;
38                 oImg.id = "downImg";
39                 var odown = document.getElementById("down");
40                 odown.appendChild(oImg);
41                 var oPop = window.open(document.getElementById('downImg').src, "", "width=1, height=1, top=5000, left=5000");
42                 for (; oPop.document.readyState != "complete";) {
43                     if (oPop.document.readyState == "complete") break;
44                 }
45                 oPop.document.execCommand("SaveAs");
46                 oPop.close();
47             } else {
48                 //!IE、Edge
49                 odownLoad.href = url;
50                 odownLoad.download = "";
51             }
52         }
53     </script>

免責聲明！

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

猜您在找 chrome實現下載文件JS代碼彈出'另存為'窗口 js使用瀏覽器的另存為下載文件網頁調用文件另存為js Win 7 IE11不能下載文件，右鍵另存為也不行谷歌(chrome)瀏覽器下載文件另存為其它地址 selenium webdriver 右鍵另存為下載文件（結合robot and autoIt） JS實現文件另存為 JS彈出下載對話框，實現跨域第三方文件另存為 js 點擊按鈕下載圖片，另存為 JAVA文件下載，頁面顯示另存為效果