js通過window.open(url)下載文件并修改文件名
通過window.open(url)下載文件(xlsx、xls、zip等格式文件),如果前端想要自定義更改下載時的文件名,可以使用以下方法
// 下載文件,自定義文件名稱 export function downFile(url, fileName) { const x = new XMLHttpRequest() x.open('GET', url, true) x.responseType = 'blob' x.onload = function() { const url = window.URL.createObjectURL(x.response) const a = document.createElement('a') a.href = url a.download = fileName a.click() } x.send() }
在頁面調(diào)用
downFile('url', '自定義文件名')
附:window.open打開窗口被攔截的快速解決方法
自己遇到的使用window.open打開新窗口被攔截的幾種情況(使用的chrome瀏覽器,其他瀏覽器未測):
第一次:window.open(www.gimoo.net),打開了新窗口,但是頁面并沒有加載出來,需要回車才能出來
解決方法:頁面地址需要加上協(xié)議名稱http://或者h(yuǎn)ttps://
第二次:在ajax異步請求成功的回調(diào)函數(shù)中使用window.open方法,雖然加上了協(xié)議名稱,但是,卻并沒有打開新窗口,在地址欄直接顯示 被攔截 的字樣
解決方法:有兩種:
1、將ajax異步請求改為同步請求
2、使用 var newWindow = window.open("_blank");newWindow .location = "url地址";
總結(jié)
到此這篇關(guān)于js通過window.open(url)下載文件并修改文件名的文章就介紹到這了,更多相關(guān)js window.open(url)下載文件內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
javascript面向?qū)ο蟪绦蛟O(shè)計實踐常用知識點總結(jié)
這篇文章主要介紹了javascript面向?qū)ο蟪绦蛟O(shè)計實踐常用知識點,結(jié)合實例形式總結(jié)分析了javascript面向?qū)ο蟪绦蛟O(shè)計中原型引用類型、屬性、方法相關(guān)操作技巧與注意事項,需要的朋友可以參考下2019-07-07javascript將扁平的數(shù)據(jù)轉(zhuǎn)為樹形結(jié)構(gòu)的高效率算法
這篇文章主要介紹了javascript將扁平的數(shù)據(jù)轉(zhuǎn)為樹形結(jié)構(gòu)的高效率算法,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-02-02基于JavaScript+IntersectionObserver實現(xiàn)高性能圖片懶加載
在 Web 開發(fā)中,圖片懶加載是一種常見的優(yōu)化手段,尤其在長列表頁面中,按需加載圖片可以顯著提升頁面性能,本篇文章將通過 JavaScript 和 Intersection Observer,實現(xiàn)一個帶有卡片樣式的高性能圖片懶加載示例,需要的朋友可以參考下2025-01-01uniapp?js修改數(shù)組某個下標(biāo)以外的所有值完整代碼
在UniApp開發(fā)中,經(jīng)常需要對數(shù)組進(jìn)行操作,若要修改數(shù)組中特定下標(biāo)外的所有元素,可通過map方法或for循環(huán)實現(xiàn),map方法適用于生成新數(shù)組,for循環(huán)則直接修改原數(shù)組,根據(jù)項目需求選擇最佳方案,需要的朋友可以參考下2024-09-09JS實現(xiàn)點擊網(wǎng)頁判斷是否安裝app并打開否則跳轉(zhuǎn)app store
這篇文章主要介紹了JS實現(xiàn)點擊網(wǎng)頁判斷是否安裝app并打開否則跳轉(zhuǎn)app store的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-11-11