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

ajax實現(xiàn)下載文件功能

這篇具有很好參考價值的文章主要介紹了ajax實現(xiàn)下載文件功能。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

JS 獲取URL并實現(xiàn)下載功能

最近在做下載功能,因為后端需要生成PDF并上傳到云服務(wù)器,只返回文件的URL,所以百度了很多找到了一個簡單的方法.

Blob

Blob(Binary Large Object)表示二進制類型的大對象。在數(shù)據(jù)庫管理系統(tǒng)中,將二進制數(shù)據(jù)存儲為一個單一個體的集合。Blob 通常是影像、聲音或多媒體文件。在 JavaScript 中 Blob 類型的對象表示不可變的類似文件對象的原始數(shù)據(jù)。 詳細介紹可自行百度.

ajax獲取服務(wù)器返回的url

	$.ajax({
	 url:'xxx',
	    type: 'post',
	    data: data,
	})

實現(xiàn)下載功能

$.ajax({
   url:'xxx',
    type: 'post',
    data: data,
})
fetch(此處為url路徑).then((response) => response.blob())
.then((res) =>{
    var blob = new Blob([res])
    var link = document.createElement('a');
    link.href = window.URL.createObjectURL(blob);
    link.download='a.pdf';
    link.click();
})

此種方法將圖片轉(zhuǎn)為blob類型,創(chuàng)建a標簽并模板點擊,實現(xiàn)下載功能.文章來源地址http://www.zghlxwxcb.cn/news/detail-608856.html

到了這里,關(guān)于ajax實現(xiàn)下載文件功能的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

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

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

相關(guān)文章

  • 前端下載文件的幾種方式使用Blob下載文件

    前端下載文件的幾種方式使用Blob下載文件

    前端下載文件的幾種方式 使用Blob下載文件 在前端下載文件是個很通用的需求,一般后端會提供下載的方式有兩種: 1.直接返回文件的 網(wǎng)絡(luò)地址 (一般用在靜態(tài)文件上,比如圖片以及各種音視頻資源等) 2.返回 文件流 (一般用在動態(tài)文件上,比如根據(jù)前端選擇,導出不同的

    2024年02月05日
    瀏覽(24)
  • 前端基于axios請求下載文件(后端返回Blob文件流)

    前端基于axios請求下載文件(后端返回Blob文件流)

    前端小白第一篇csdn文章就當自己記錄學習啦! 我自己遇到的情況寫在前面防止有人和我不一樣,浪費時間瀏覽; 調(diào)用下載接口后端給我返回的數(shù)據(jù)格式(即文件流格式)如下: 1.按鈕定義點擊事件 2.調(diào)用后端接口 在使用 axios 請求下載文件 api 接口時,注意區(qū)分不同請求方法

    2024年02月11日
    瀏覽(97)
  • 前端下載文件流,設(shè)置返回值類型responseType:‘blob‘無效的問題

    前端下載文件流,設(shè)置返回值類型responseType:‘blob‘無效的問題

    本是一個非常簡單的請求,即是下載文件。通常的做法如下: 1.前端通過Vue Axios向后端請求,同時在請求中設(shè)置響應體為Blob格式。 2.后端相應前端的請求,同時返回Blob格式的文件給到前端(如果沒有步驟1設(shè)置響應體,則后端返回的是一個文件流,前端) 3.前端創(chuàng)建a標簽進行

    2024年01月17日
    瀏覽(87)
  • 前端實現(xiàn)文件下載功能——文件流

    前端下載文件一般使用的是blob 核心的步驟是獲取后端響應的文件流,用blob創(chuàng)建一個臨時的URL,然后創(chuàng)建一個隱藏的a標簽,實現(xiàn)下載需求。 那就先上代碼 如果后端響應的數(shù)據(jù)是一個二進制數(shù)據(jù),那我們就得這是響應類型是blob,否則瀏覽器會默認按照json解析 至于后端如何向

    2024年02月11日
    瀏覽(23)
  • vue 后端返回二進制流-前端通過blob對象下載文件-圖片

    前言 在實際開發(fā)中我們經(jīng)常會遇見下載文件的場景,比如下載合同,下載文件 下載文件有2種方式,一種是后端返回二進制流,前端通過blob對象接受根據(jù)不同類型下載 還有一種把地址直接在瀏覽器新窗口打開瀏覽器打開pdf可以預覽和下載,其他文件直接下載 但不管是那種方

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

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

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

    2024年02月09日
    瀏覽(32)
  • 后端返回文件流,前端用blob轉(zhuǎn)換后,下載的文件亂碼或者打不開怎么解決

    1、確認接口有沒有設(shè)置 responseType: “blob” 2、使用blob轉(zhuǎn)換,res 是 后端返回的文件流 3、如果文件還是打不開,提示文件格式不對……,那就看看項目中有沒有引用 mockJs ,有的話注釋掉就可以啦

    2024年02月16日
    瀏覽(97)
  • 前端實現(xiàn)流文件下載、導出功能解決方案

    前端實現(xiàn)流文件下載、導出功能解決方案

    1、封裝下載方法(可以通過掛載在vue實例上成為全局函數(shù)) 2、調(diào)用下載方法 ·1、處理響應攔截器返回的數(shù)據(jù),將文件名暴露暴露出去 2、封裝下載方法 3、調(diào)用下載方法 問題一:后端返回的數(shù)據(jù)無法解析 在請求函數(shù)中添加響應類型以及響應頭 問題二、后端返回的文件名經(jīng)

    2024年04月23日
    瀏覽(25)
  • JS實現(xiàn)Blob文件流下載

    在 JavaScript 中,可以使用瀏覽器提供的 Blob 對象和 URL.createObjectURL() 方法來實現(xiàn)文件流下載。 下面是一個示例代碼,可以幫助了解如何在 JavaScript 中實現(xiàn)文件流下載: 在這個示例中,我們定義了一個 downloadFile() 函數(shù),這個函數(shù)接受三個參數(shù): data 、 filename 和 type 。其中,

    2024年02月15日
    瀏覽(23)
  • #vue3 實現(xiàn)前端下載excel文件模板功能

    #vue3 實現(xiàn)前端下載excel文件模板功能

    一、需求: 前端無需通過后端接口,即可實現(xiàn)模板下載功能。 通過構(gòu)造一個 JSON 對象,使用前端常用的 第三方庫 xlsx ,可以直接將該 JSON 對象轉(zhuǎn)換成 Excel 文件,讓用戶下載模板 二、效果: 三、源碼如下:

    2024年01月19日
    瀏覽(127)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

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

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包