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

前端用 js-file-download組件下載后端返回的pdf,word,excel文件

這篇具有很好參考價(jià)值的文章主要介紹了前端用 js-file-download組件下載后端返回的pdf,word,excel文件。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問(wèn)。

后端返回的pdf,word,excel的文件流導(dǎo)出需要讓瀏覽器下載文件

1、安裝js-file-download組件

npm install js-file-download --save

2、在對(duì)應(yīng)的頁(yè)面引用

import fileDownload from "js-file-download";

3、在接口返回結(jié)果后直接調(diào)用即可文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-721082.html

let data={
    id:processId,
    customerId:customerId
}
//后臺(tái)導(dǎo)出文件接口
feeNotification(data).then(res => {
    //調(diào)用fileDownload即可
    fileDownload(res, 'xxxx.xlsx');
})

到了這里,關(guān)于前端用 js-file-download組件下載后端返回的pdf,word,excel文件的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

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

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

相關(guān)文章

  • 后端返回文件流,前端怎么導(dǎo)出、下載

    后端返回文件流,前端怎么導(dǎo)出、下載

    ? ? ? ? 工作中肯定有很多導(dǎo)出excel、下載文件這種功能。一般都是后端做好,我們?nèi)フ?qǐng)求對(duì)應(yīng)的接口就行了,前端還需要做一些處理就可以實(shí)現(xiàn)導(dǎo)出、下載功能了。具體怎么操作呢,我們來(lái)看看! ? ? ? ? 我們?cè)谡?qǐng)求的時(shí)候 需要定義responseType【響應(yīng)類(lèi)型】為blob類(lèi)型,如果

    2024年02月12日
    瀏覽(25)
  • 后端返回URL,前端如何實(shí)現(xiàn)下載

    1. 在實(shí)際開(kāi)發(fā)過(guò)程中,實(shí)現(xiàn)文件下載功能,后端一般是返回一個(gè)文件流,我們只需要拿到這個(gè)文件流后,再使用 new Blob轉(zhuǎn)化成blob格式 的數(shù)據(jù),然后 創(chuàng)建一個(gè)a鏈接元素 進(jìn)行下載就行了: (“本段代碼是之前寫(xiě)案例時(shí)從別處copy的,都有注釋省了自己寫(xiě),哈哈哈,侵刪”) 2. 但

    2024年02月04日
    瀏覽(27)
  • 【JS】前端base64轉(zhuǎn)圖片F(xiàn)ile對(duì)象

    【JS】前端base64轉(zhuǎn)圖片F(xiàn)ile對(duì)象

    base64ToFile.js

    2024年02月05日
    瀏覽(26)
  • 前端發(fā)送請(qǐng)求獲取后端文件,并且前端實(shí)現(xiàn)下載文件功能

    前端發(fā)送請(qǐng)求獲取后端文件,并且前端實(shí)現(xiàn)下載文件功能

    最近遇到一個(gè)需求,就是前端發(fā)送post請(qǐng)求獲取后端的excel文件,并且前端實(shí)現(xiàn)下載導(dǎo)出到本地的功能。 前端頁(yè)面就長(zhǎng)上面那樣,一個(gè)批量導(dǎo)出功能,用戶(hù)勾選之后,前端通過(guò)接口把id和其他的參數(shù)傳給后端,接口調(diào)用方法這里需要注意的是,這里必須設(shè)置responseType: ‘blob’

    2024年02月09日
    瀏覽(31)
  • 后端返回base64文件前端如何下載

    后端返回base64文件前端如何下載

    1.后端返回base64格式文件 2.前端代碼 3.請(qǐng)求封裝

    2024年02月05日
    瀏覽(26)
  • 【js】js前端技巧之圖片格式轉(zhuǎn)換(File、Blob、base64):

    【js】js前端技巧之圖片格式轉(zhuǎn)換(File、Blob、base64):

    一、類(lèi)型簡(jiǎn)介 BLOB(binary large object) : 二進(jìn)制大對(duì)象,是一個(gè)可以存儲(chǔ)二進(jìn)制文件的容器。 在計(jì)算機(jī)中,BLOB常常是數(shù)據(jù)庫(kù)中用來(lái)存儲(chǔ)二進(jìn)制文件的字段類(lèi)型。 屬性名稱(chēng) 讀/寫(xiě) 描述 size 只讀 Blob 對(duì)象中所包含數(shù)據(jù)的大?。ㄗ止?jié))。 type 只讀 一個(gè)字符串,表明該Blob對(duì)象所包含數(shù)據(jù)

    2024年02月07日
    瀏覽(29)
  • Java后端向前端返回文件流——實(shí)現(xiàn)下載功能

    Java后端向前端返回文件流——實(shí)現(xiàn)下載功能

    前端實(shí)現(xiàn)文件下載功能有多種方法,這里就不一一介紹,這里只介紹使用文件流下載的實(shí)現(xiàn)方法。 既然是文件流那就肯定需要給前端返回一堆二進(jìn)制編碼,作為后端就可以返回一個(gè) OutPutStream 后端可以使用Java中servlet提供的 HttpServletResponse ,核心步驟是要設(shè)置響應(yīng)的數(shù)據(jù)類(lèi)型

    2024年02月11日
    瀏覽(25)
  • Java后端向前端返回文件流——實(shí)現(xiàn)下載功能!

    Java后端向前端返回文件流——實(shí)現(xiàn)下載功能!

    前端實(shí)現(xiàn)文件下載功能有多種方法,這里就不一一介紹,這里只介紹使用文件流下載的實(shí)現(xiàn)方法。 既然是文件流那就肯定需要給前端返回一堆二進(jìn)制編碼,作為后端就可以返回一個(gè) OutPutStream 后端可以使用Java中servlet提供的 HttpServletResponse ,核心步驟是要設(shè)置響應(yīng)的數(shù)據(jù)類(lèi)型

    2024年02月08日
    瀏覽(26)
  • 【前端】根據(jù)后端返回的url進(jìn)行下載并設(shè)置文件下載名稱(chēng)

    ????????在我們項(xiàng)目當(dāng)中存儲(chǔ)文件是存儲(chǔ)到廠商的服務(wù)器上的,然后廠商返回一個(gè)可以直接下載url地址,但是前端使用這個(gè)url下載的時(shí)候永遠(yuǎn)都是保存一個(gè)名字,這時(shí)候我們就需要設(shè)置文件保存的名稱(chēng), ????????那么如何實(shí)現(xiàn)呢?使用了fetch將url轉(zhuǎn)換成了blob即可。 代碼

    2024年02月04日
    瀏覽(27)
  • 前端處理后端返回的文件流,進(jìn)行文件下載

    前端處理后端返回的文件流,進(jìn)行文件下載

    二進(jìn)制流格式 ?Blob格式 前言: ? ? ? ? 需求:根據(jù)后端接口返回的文件流進(jìn)行數(shù)據(jù)處理,并實(shí)現(xiàn)文件的下載,且下載文件為word文檔. 封裝下載文件接口: 最開(kāi)始沒(méi)帶 responseType:\\\"Blob\\\" ,進(jìn)行文件下載后,里面的內(nèi)容全部是亂碼?。?! 代碼實(shí)現(xiàn): ?知識(shí)點(diǎn)補(bǔ)充: ? ? ? ? 1、n

    2024年02月07日
    瀏覽(91)

覺(jué)得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包