国产无码综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

<del id="8fguk"></del>

^{<code id="8fguk"></code>}

【前端】根據(jù)后端返回的url進(jìn)行下載并設(shè)置文件下載名稱

2年前作者：MXin5分類：Toy博客閱讀(27)違法舉報(bào)

這篇具有很好參考價(jià)值的文章主要介紹了【前端】根據(jù)后端返回的url進(jìn)行下載并設(shè)置文件下載名稱。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方，請大家不吝賜教，您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

????????在我們項(xiàng)目當(dāng)中存儲文件是存儲到廠商的服務(wù)器上的，然后廠商返回一個可以直接下載url地址，但是前端使用這個url下載的時候永遠(yuǎn)都是保存一個名字，這時候我們就需要設(shè)置文件保存的名稱，
????????那么如何實(shí)現(xiàn)呢？使用了fetch將url轉(zhuǎn)換成了blob即可。
代碼如下：文章來源地址http://www.zghlxwxcb.cn/news/detail-757324.html

const downLoadFile = (url: string, fileName: string) => {
    const a = document.createElement("a");
    fetch(url)
        .then((res) => res.blob())
        .then((blob) => {
          // 將鏈接地址字符內(nèi)容轉(zhuǎn)變成blob地址
          a.href = URL.createObjectURL(blob);
          // @ts-ignore
          a.download = fileName; // 下載文件的名字
          // a.download = url.split('/')[url.split('/').length -1] //  // 下載文件的名字
          document.body.appendChild(a);
          a.click();
          document.body.removeChild(a);
        })
  };

到了這里，關(guān)于【前端】根據(jù)后端返回的url進(jìn)行下載并設(shè)置文件下載名稱的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！

本文來自互聯(lián)網(wǎng)用戶投稿，該文觀點(diǎn)僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務(wù)，不擁有所有權(quán)，不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載，請注明出處：如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符，請點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋，一經(jīng)查實(shí)，立即刪除！

分享到：

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

后端返回base64文件前端如何下載
1.后端返回base64格式文件 2.前端代碼 3.請求封裝
2024年02月05日
瀏覽(26)
Java后端向前端返回文件流——實(shí)現(xiàn)下載功能
前端實(shí)現(xiàn)文件下載功能有多種方法，這里就不一一介紹，這里只介紹使用文件流下載的實(shí)現(xiàn)方法。既然是文件流那就肯定需要給前端返回一堆二進(jìn)制編碼，作為后端就可以返回一個 OutPutStream 后端可以使用Java中servlet提供的 HttpServletResponse ，核心步驟是要設(shè)置響應(yīng)的數(shù)據(jù)類型
2024年02月11日
瀏覽(25)
Java后端向前端返回文件流——實(shí)現(xiàn)下載功能！
前端實(shí)現(xiàn)文件下載功能有多種方法，這里就不一一介紹，這里只介紹使用文件流下載的實(shí)現(xiàn)方法。既然是文件流那就肯定需要給前端返回一堆二進(jìn)制編碼，作為后端就可以返回一個 OutPutStream 后端可以使用Java中servlet提供的 HttpServletResponse ，核心步驟是要設(shè)置響應(yīng)的數(shù)據(jù)類型
2024年02月08日
瀏覽(26)
前端基于axios請求下載文件（后端返回Blob文件流）
前端小白第一篇csdn文章就當(dāng)自己記錄學(xué)習(xí)啦！我自己遇到的情況寫在前面防止有人和我不一樣，浪費(fèi)時間瀏覽；調(diào)用下載接口后端給我返回的數(shù)據(jù)格式（即文件流格式）如下： 1.按鈕定義點(diǎn)擊事件 2.調(diào)用后端接口在使用 axios 請求下載文件 api 接口時，注意區(qū)分不同請求方法
2024年02月11日
瀏覽(94)
后端返回文件流，前端怎么導(dǎo)出、下載（8種方法可實(shí)現(xiàn)）
在前端導(dǎo)出和下載后端返回的文件流時，可以使用以下幾種方法：使用 window.open() 方法：在前端使用 window.open() 方法打開一個新的窗口或標(biāo)簽頁，并將后端返回的文件流作為URL傳遞給該方法。瀏覽器會自動下載該文件。例如： window.open(\\\'http://example.com/download\\\', \\\'_blank\\\'); 使用
2024年02月11日
瀏覽(27)
前端調(diào)接口下載（導(dǎo)出）后端返回.zip壓縮文件流（的坑！）
前言：基于vue2+element-ui的一個后臺管理系統(tǒng)，需求評審要加一個導(dǎo)入導(dǎo)出文件的功能，由于可能導(dǎo)出的數(shù)據(jù)量過大（幾十萬條數(shù)據(jù)），下載時間過長，所以用.zip壓縮文件替代excel文件本人以前也做過導(dǎo)出文件的功能，但是用的方法是后端處理數(shù)據(jù)然后放到另一個服務(wù)器上，前
2024年02月03日
瀏覽(21)
前端下載后端返回的文件流，取請求頭中的文件名稱
但是用上面的方法發(fā)現(xiàn)只能順利下載文件， res.headers[\\\"content-disposition\\\"] 取不到后端給前端返回的請求頭。通過問題排查發(fā)現(xiàn)：如圖，前端需要取的 res.headers 和 res.data 是一層的，當(dāng)攔截器中返回 res.data 后，就取不到外層的 headers，因此前端要自己寫 axios 請求方法但是前端依
2024年02月01日
瀏覽(25)
vue 后端返回二進(jìn)制流-前端通過blob對象下載文件-圖片
前言在實(shí)際開發(fā)中我們經(jīng)常會遇見下載文件的場景，比如下載合同，下載文件下載文件有2種方式，一種是后端返回二進(jìn)制流，前端通過blob對象接受根據(jù)不同類型下載還有一種把地址直接在瀏覽器新窗口打開瀏覽器打開pdf可以預(yù)覽和下載，其他文件直接下載但不管是那種方
2024年02月05日
瀏覽(24)
后端返回可下載的xlsx文件，但是前端接收下載后為亂碼
我的接收數(shù)據(jù)進(jìn)行處理的代碼為：確實(shí)可以下載下來，但是打開后為亂碼。解決辦法：后端傳的是blob類型文件，所以前端接收時也要限制一下類型，接收的請求代碼配置為：之后再下載就可以正確顯示啦
2024年02月12日
瀏覽(88)
Vue實(shí)戰(zhàn)【后端返回文件流時，前端如何處理并成功下載流文件】
哈嘍小伙伴們，在我們?nèi)粘９ぷ鳟?dāng)中，大家一定會遇到文件導(dǎo)出這樣的功能需求點(diǎn)；導(dǎo)出功能前端后端都可以實(shí)現(xiàn)，通常情況下呢是由我們后端同事去處理的，那么當(dāng)我們后端同事給你返回文件流的時候，前端要怎么處理并且完成下載呢？今天就給大家說個簡單的方法，我
2024年02月11日
瀏覽(22)

^{<code id="gocs0"></code>}