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://或者https://
第二次：在ajax異步請求成功的回調(diào)函數(shù)中使用window.open方法，雖然加上了協(xié)議名稱，但是，卻并沒有打開新窗口，在地址欄直接顯示 被攔截 的字樣
解決方法：有兩種：
1、將ajax異步請求改為同步請求
2、使用 var newWindow = window.open("_blank");newWindow .location = "url地址";
總結
到此這篇關于js通過window.open(url)下載文件并修改文件名的文章就介紹到這了,更多相關js window.open(url)下載文件內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
這篇文章主要介紹了JS原形與原型鏈,結合實例形式深入分析了JS原型鏈、繼承、組合繼承等相關原理、操作技巧及注意事項,需要的朋友可以參考下2020-05-05
這篇文章主要為大家介紹了你不知道的Git?log竟然還有這種用法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-05-05
javascript面向?qū)ο蟪绦蛟O計實踐常用知識點總結
這篇文章主要介紹了javascript面向?qū)ο蟪绦蛟O計實踐常用知識點,結合實例形式總結分析了javascript面向?qū)ο蟪绦蛟O計中原型引用類型、屬性、方法相關操作技巧與注意事項,需要的朋友可以參考下2019-07-07
javascript將扁平的數(shù)據(jù)轉為樹形結構的高效率算法
這篇文章主要介紹了javascript將扁平的數(shù)據(jù)轉為樹形結構的高效率算法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-02-02
這篇文章主要介紹了JavaScript 防盜鏈的原理以及破解方法，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下2020-12-12
基于JavaScript+IntersectionObserver實現(xiàn)高性能圖片懶加載
在 Web 開發(fā)中,圖片懶加載是一種常見的優(yōu)化手段,尤其在長列表頁面中,按需加載圖片可以顯著提升頁面性能,本篇文章將通過 JavaScript 和 Intersection Observer,實現(xiàn)一個帶有卡片樣式的高性能圖片懶加載示例,需要的朋友可以參考下2025-01-01
這篇文章主要介紹了javascript實現(xiàn)控制的多級下拉菜單，包含示例代碼，效果非常不錯，這里推薦給大家。2015-07-07
今天小編就為大家分享一篇layer彈出層父子頁面事件相互調(diào)用方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
uniapp?js修改數(shù)組某個下標以外的所有值完整代碼
在UniApp開發(fā)中,經(jīng)常需要對數(shù)組進行操作,若要修改數(shù)組中特定下標外的所有元素,可通過map方法或for循環(huán)實現(xiàn),map方法適用于生成新數(shù)組,for循環(huán)則直接修改原數(shù)組,根據(jù)項目需求選擇最佳方案,需要的朋友可以參考下2024-09-09
JS實現(xiàn)點擊網(wǎng)頁判斷是否安裝app并打開否則跳轉app store
這篇文章主要介紹了JS實現(xiàn)點擊網(wǎng)頁判斷是否安裝app并打開否則跳轉app store的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-11-11