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

Vue 讀取后臺(tái)二進(jìn)制文件流轉(zhuǎn)為圖片顯示

這篇具有很好參考價(jià)值的文章主要介紹了Vue 讀取后臺(tái)二進(jìn)制文件流轉(zhuǎn)為圖片顯示。希望對大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

Vue 讀取后臺(tái)二進(jìn)制文件流轉(zhuǎn)為圖片顯示
后臺(tái)返回格式
Vue 讀取后臺(tái)二進(jìn)制文件流轉(zhuǎn)為圖片顯示,vue.js,前端,javascript
Vue 讀取后臺(tái)二進(jìn)制文件流轉(zhuǎn)為圖片顯示,vue.js,前端,javascript

 <img :src="payImg" id="image" style="width: 150px;height: 150px;" alt="">

axios寫法

Vue 讀取后臺(tái)二進(jìn)制文件流轉(zhuǎn)為圖片顯示,vue.js,前端,javascript

重點(diǎn) responseType: ‘blob’ , 使用的是res中的data blob

this.$axios.post('http://116.148.227.196:xxx/api/xxx/xxx', {參數(shù)}, {
    responseType: 'blob' // 重點(diǎn)
  }).then((res) => {
      const url = window.URL.createObjectURL(new Blob([res.data], { type: 'image/png' }));
      
      this.payImg= url;

  });

本文章參考 https://huaweicloud.csdn.net/63a56170b878a545459459f2.html文章來源地址http://www.zghlxwxcb.cn/news/detail-848172.html

到了這里,關(guān)于Vue 讀取后臺(tái)二進(jìn)制文件流轉(zhuǎn)為圖片顯示的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場。本站僅提供信息存儲(chǔ)空間服務(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)用

相關(guān)文章

  • Java中讀取二進(jìn)制文件

    讀寫二進(jìn)制文件常用的類有DataInputStream和DataOutputStream。 ????????利用DataInputStream類讀二進(jìn)制文件,其實(shí)與利用FileInputStream類讀文本文件及其相似,也要用到FileInputStream類關(guān)聯(lián)二進(jìn)制文件。具體操作步驟如下: ????????1)導(dǎo)入相關(guān)的類 ????????????????import ja

    2023年04月08日
    瀏覽(19)
  • 5.7:Python如何讀取二進(jìn)制文件?

    隨著信息技術(shù)的不斷發(fā)展,二進(jìn)制數(shù)據(jù)已經(jīng)成為了現(xiàn)代計(jì)算機(jī)應(yīng)用中不可或缺的一部分。在許多情況下,我們需要讀取和處理二進(jìn)制數(shù)據(jù),這些數(shù)據(jù)可能包括圖像、音頻、視頻、壓縮文件等。Python作為一種流行的編程語言,提供了多種方法和庫,可以幫助我們讀取和處理各種

    2024年02月06日
    瀏覽(26)
  • Python讀取二進(jìn)制文件:深入解析與技術(shù)實(shí)現(xiàn)

    Python讀取二進(jìn)制文件:深入解析與技術(shù)實(shí)現(xiàn)

    目錄 一、引言 二、二進(jìn)制文件的基礎(chǔ) 1、二進(jìn)制文件的組成 2、二進(jìn)制文件的編碼 三、Python讀取二進(jìn)制文件的方法 1、使用內(nèi)置函數(shù)open() 2、使用numpy庫 四、處理讀取的二進(jìn)制數(shù)據(jù) 1、解析數(shù)據(jù) 2. 轉(zhuǎn)換數(shù)據(jù)類型 五、總結(jié)與展望 1、高效讀取二進(jìn)制文件 2、處理復(fù)雜的二進(jìn)制文件

    2024年02月04日
    瀏覽(32)
  • java圖片轉(zhuǎn)二進(jìn)制流_java將文件轉(zhuǎn)化成二進(jìn)制流

    二進(jìn)制流的主要編碼格式是base64碼??梢栽诰W(wǎng)上找一些在線轉(zhuǎn)base64編碼的網(wǎng)站進(jìn)行嘗試轉(zhuǎn)換。 例如:http://imgbase64.duoshitong.com/然后通過前端展現(xiàn)和下載。 前端顯示二進(jìn)制流圖片(src中放置base64碼及二進(jìn)制流) 前端下載二進(jìn)制流文件(herf中放置base64碼及二進(jìn)制流,download后面放

    2024年02月06日
    瀏覽(35)
  • 后端返回二進(jìn)制流,前端處理二進(jìn)制文件流,實(shí)現(xiàn)預(yù)覽圖片以及PDF

    后端返回二進(jìn)制流,前端處理二進(jìn)制文件流,實(shí)現(xiàn)預(yù)覽圖片以及PDF

    1、首先預(yù)覽PDF需要 后端 將響應(yīng)頭 Content-Type 設(shè)置為PDF類型 application/pdf ,不能預(yù)覽,會(huì)直接下載 2、 前端 定義接口:并設(shè)置相應(yīng)類型 responseType 為 blob 請求數(shù)據(jù):通過 window.URL.createObjectURL(res) 轉(zhuǎn)成本地預(yù)覽地址, 在通過 window.open() 方法打開轉(zhuǎn)成本地預(yù)覽地址即可預(yù)覽PDF,如下

    2024年02月15日
    瀏覽(38)
  • pyqt5:python讀取二進(jìn)制文件(音頻PCM文件)顯示波形

    pyqt5:python讀取二進(jìn)制文件(音頻PCM文件)顯示波形

    有個(gè)項(xiàng)目需要輸出10-50Hz的低頻信號驅(qū)動(dòng)線圈,考慮使用音頻功放硬件,所以做這方面的預(yù)研。 參考文章: 作者:很久沒安靜的回憶了,文章:音頻 PCM 詳解 作者:怪我冷i,文章:音視頻從入門到精通——FFmpeg分離出PCM數(shù)據(jù)實(shí)戰(zhàn) 3.作者:cuijiecheng2018,文章:windows下使用FFmp

    2023年04月21日
    瀏覽(24)
  • [unity] 音頻的二進(jìn)制流轉(zhuǎn)化為audioclip的兩種方式

    1、將返回的byte[]數(shù)組,轉(zhuǎn)換成float[]數(shù)組,然后將通過 audioSource.clip.SetData()方法,將音頻數(shù)據(jù)賦給audiosource,實(shí)現(xiàn)語音播放;但這種只有wav很有可以直接用mp3需要第三方庫,我沒有試過 mp3的請參考:https://blog.csdn.net/L877790502/article/details/119042479 2、將返回的btye[]數(shù)組,使用file

    2024年02月11日
    瀏覽(43)
  • 微信小程序接收二進(jìn)制流文件(圖片預(yù)覽,文件打開)

    ?下面通過downloadOaFile接口獲取到二進(jìn)制流,即res.data 注意!?。≈苯佑胐ownloadOaFile獲取的二進(jìn)制流文件在寫入時(shí)會(huì)導(dǎo)致文件損壞,必須在uni.request對象的屬性中加上 如果不加,默認(rèn)是 這一點(diǎn)非常重要,踩了好久的坑,而且這兩點(diǎn)的區(qū)別在network的response中還看不出來,因?yàn)閮烧?/p>

    2024年02月16日
    瀏覽(106)
  • Vue前端處理blob二進(jìn)制對象圖片的方法

    Vue前端處理blob二進(jìn)制對象圖片的方法

    近期在做開發(fā)的時(shí)候遇到一個(gè)問題,前端傳遞一個(gè)參數(shù),后端返回一張圖片,前端再將該圖片展示出來,由于是第一次處理二進(jìn)制圖片對象,特此記錄一下。 首先,已知后端接口無誤,傳遞參數(shù)可以正常返回圖片 ? ?前端調(diào)用接口,打印并查看獲取到的響應(yīng)數(shù)據(jù): ? ? 顯然

    2024年02月16日
    瀏覽(24)
  • Vue前端渲染blob二進(jìn)制對象圖片的方法

    Vue前端渲染blob二進(jìn)制對象圖片的方法

    近期做開發(fā),聯(lián)調(diào)接口。接口返回的是一張圖片,是對二進(jìn)制圖片處理并渲染,特此記錄一下。 本文章是轉(zhuǎn)載文章,原文章:Vue前端處理blob二進(jìn)制對象圖片的方法 接口response是下圖 顯然,獲取到的是一堆亂碼,前端需要將其解析出來,百度之后發(fā)現(xiàn)解析二進(jìn)制文檔流的寫法

    2024年02月15日
    瀏覽(36)

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

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

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

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

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包