js通過window.open(url)下載文件并修改文件名
更新時間：2023年08月14日 10:51:52 作者：大大。
這篇文章主要給大家介紹了關(guān)于js如何通過window.open(url)下載文件并修改文件名的相關(guān)資料,我們知道下載文件是一個非常常見的需求,文中通過代碼介紹的非常詳細,需要的朋友可以參考下
通過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地址";
總結(jié)
到此這篇關(guān)于js通過window.open(url)下載文件并修改文件名的文章就介紹到這了,更多相關(guān)js window.open(url)下載文件內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
javascript游戲開發(fā)之《三國志曹操傳》零部件開發(fā)(五)可移動地圖的實現(xiàn)
首先來說，我對游戲開發(fā)可以算是不怎么深入，因為現(xiàn)在的程序員愛用canvas，我卻就只會拿幾個div湊和。不過沒關(guān)系，因為做出來的同樣是游戲。哈！廢話最近有點多，感興趣的朋友可以了解下2013-01-01
prettify是Google提供的一款源代碼語法高亮著色器，它提供一種簡單的形式來著色HTML頁面上的程序代碼，最值得亮點的地方是不需要指明代碼的語言類型，它會自動進行判斷。2010-12-12
這篇文章主要介為大家詳細紹了JavaScript實現(xiàn)無限輪播效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
這篇文章主要介紹了純javascript實現(xiàn)簡單下拉刷新功能,沒有借助任何的框架，十分簡單實用，有需要的小伙伴來參考下吧。2015-03-03
這篇文章主要介紹了JS實現(xiàn)簡易的圖片拖拽排序?qū)嵗a，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
本文給大家分享一段js代碼實現(xiàn)搜索框文字可刪除功能，代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2016-12-12
在做項目的時候，經(jīng)常會需要截取字符串，所以常用的方法有slice()、substr()、substring()、match()方法等，下面通過示例代碼介紹四個方法的使用，感興趣的朋友跟隨小編一起看看吧2023-02-02
這篇文章主要為大家詳細介紹了javascript自定義右鍵菜單插件，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-12-12
JavaScript 驗證瀏覽器是否支持javascript的方法小結(jié)
一些網(wǎng)站只有客戶端js的驗證,這樣就給一些hacher一些可趁之機了,不信大家測試一些網(wǎng)站的注冊功能看看,有部分網(wǎng)站只有客戶端驗證,我為了達到客戶端驗證,先是判斷瀏覽器是否支持js,如果不支持,提示信息,然后屏蔽掉發(fā)送按鈕2009-05-05
JavaScript快速排序(quickSort)算法的實現(xiàn)方法總結(jié)
快速排序的思想式 分治法,選一個基準點,然后根據(jù)大小進行分配,分配然完畢之后,對已經(jīng)分配的進行遞歸操作,最終形成快速排序,所以遞歸也是快速排序思想的一個重要組成部分,本文主要給大家介紹了JavaScript實現(xiàn)快速排序的寫法,需要的朋友可以參考下2023-11-11