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

blob 和 base64 相互轉(zhuǎn)換

這篇具有很好參考價(jià)值的文章主要介紹了blob 和 base64 相互轉(zhuǎn)換。希望對大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

一、blob 轉(zhuǎn) base64

1. 方法

// blob 轉(zhuǎn) base64
function blobToDataURI(blob, callback) {
  var reader = new FileReader();
  reader.readAsDataURL(blob);
  reader.onload = function (e) {
    callback(e.target.result);
  };
}

2. 使用方法

//blob格式轉(zhuǎn)換為base64格式
blobToDataURI(blob, function (result) {
  	// 這里面寫對應(yīng)的方法
  	// result是轉(zhuǎn)換后的數(shù)據(jù)
});

二、base64 轉(zhuǎn) blob

1. 方法

// base64 轉(zhuǎn) blob
function dataURItoBlob(base64Data) {
    var byteString;

    if(base64Data.split(',')[0].indexOf('base64') >= 0)
        byteString = atob(base64Data.split(',')[1]);//base64 解碼
    else{
        byteString = unescape(base64Data.split(',')[1]);
    }
    var mimeString = base64Data.split(',')[0].split(':')[1].split(';')[0];//mime類型

    // var arrayBuffer = new ArrayBuffer(byteString.length); //創(chuàng)建緩沖數(shù)組
    // var ia = new Uint8Array(arrayBuffer);//創(chuàng)建視圖
    var ia = new Uint8Array(byteString.length);//創(chuàng)建視圖
    for(var i = 0; i < byteString.length; i++) {
        ia[i] = byteString.charCodeAt(i);
    }
    var blob = new Blob([ia], {
        type: mimeString
    });
    return blob;
}  

2. 使用方法文章來源地址http://www.zghlxwxcb.cn/news/detail-826766.html

// base64 轉(zhuǎn) blob
var blob = dataURItoBlob(base64Data);

到了這里,關(guān)于blob 和 base64 相互轉(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)文章

  • 圖片格式轉(zhuǎn)換(File、Blob、base64)

    圖片格式轉(zhuǎn)換(File、Blob、base64)

    前言 記錄一下比較常見的圖片格式(File、Blob、base64)在不同的場景他們之間的相互轉(zhuǎn)換的方法。 一、類型簡介 Blob BLOB(binary large object): 二進(jìn)制大對象,是一個(gè)可以存儲(chǔ)二進(jìn)制文件的容器。 在計(jì)算機(jī)中,BLOB常常是數(shù)據(jù)庫中用來存儲(chǔ)二進(jìn)制文件的字段類型。 屬性名稱 讀/寫 描

    2024年02月02日
    瀏覽(31)
  • base64 字符串轉(zhuǎn)換為 Blob 對象

    在 JavaScript 中,可以使用以下代碼將 base64 字符串轉(zhuǎn)換為 Blob 對象: 其中, base64 是待轉(zhuǎn)換的 base64 字符串, type 是 Blob 對象的 MIME 類型,默認(rèn)值為 \\\'application/octet-stream\\\' 。該函數(shù)返回一個(gè) Blob 對象。 可以像下面這樣使用該函數(shù): 其中, base64Str 是待轉(zhuǎn)換的 base64 字符串, ima

    2024年02月15日
    瀏覽(25)
  • 將 base64 字符串轉(zhuǎn)換為 Blob 對象

    在 JavaScript 中,可以使用以下代碼將 base64 字符串轉(zhuǎn)換為 Blob 對象: 其中, base64 是待轉(zhuǎn)換的 base64 字符串, type 是 Blob 對象的 MIME 類型,默認(rèn)值為 \\\'application/octet-stream\\\' 。該函數(shù)返回一個(gè) Blob 對象。 可以像下面這樣使用該函數(shù): 其中, base64Str 是待轉(zhuǎn)換的 base64 字符串, ima

    2024年02月16日
    瀏覽(32)
  • 文件流互相轉(zhuǎn)換(blob轉(zhuǎn)base64,二進(jìn)制流)

    文件流互相轉(zhuǎn)換(blob轉(zhuǎn)base64,二進(jìn)制流)

    跟用input上傳文件的獲取到的差不多 用URL.createObjectURL(blob)轉(zhuǎn)化后是這樣

    2024年02月10日
    瀏覽(23)
  • Base64字符串與圖片的相互轉(zhuǎn)換

    Base64字符串與圖片的相互轉(zhuǎn)換

    本篇博客記載的是一個(gè)我們在開發(fā)過程中很常用的一個(gè)小功能,就是我們在處理圖片的時(shí)候做數(shù)據(jù)存放到數(shù)據(jù)庫的功能, 我們存放的不再是本地路徑而是一個(gè)Base64的字符串! 然后我們在取值的時(shí)候又將Base64轉(zhuǎn)換為一個(gè)圖片文件的做法 簡單的兩個(gè)步驟: Base64Util: ImageUtils: 使用

    2024年02月15日
    瀏覽(24)
  • 微信小程序 本地圖片和base64圖片相互轉(zhuǎn)換

    wx.chooseImage === 從本地相冊選擇圖片或使用相機(jī)拍照 wx.getFileSystemManager() === 獲取全局唯一的文件管理器 wx.getFileSystemManager().readFile === 讀取本地文件內(nèi)容 wx.base64ToArrayBuffer() === 將 Base64 字符串轉(zhuǎn)成 ArrayBuffer 對象 wx.downloadFile === 下載文件資源到本地 從手機(jī)上選擇圖片轉(zhuǎn)base64 網(wǎng)絡(luò)

    2024年02月03日
    瀏覽(93)
  • 圖片與Base64編碼相互轉(zhuǎn)換、優(yōu)勢分析和技術(shù)實(shí)現(xiàn)

    圖片與Base64編碼相互轉(zhuǎn)換、優(yōu)勢分析和技術(shù)實(shí)現(xiàn)

    在Web開發(fā)中,圖片與Base64編碼的相互轉(zhuǎn)換是一個(gè)非常實(shí)用的技能。圖片 Base64編碼是將圖片文件轉(zhuǎn)換為字符串格式,以便于在網(wǎng)絡(luò)上傳輸和存儲(chǔ)。本文將詳細(xì)介紹圖片與Base64編碼的轉(zhuǎn)換方法,以及圖片Base64編碼的優(yōu)勢。 圖片Base64相互轉(zhuǎn)換 | 一個(gè)覆蓋廣泛主題工具的高效在線平

    2024年01月19日
    瀏覽(30)
  • uniapp圖片轉(zhuǎn)base64及JS各文件類型相互轉(zhuǎn)換

    uniapp圖片轉(zhuǎn)base64及JS各文件類型相互轉(zhuǎn)換

    App H5 微信小程序 快手小程序 京東小程序 √ √ √ √ √ 功能限制主要在arrayBufferToBase64 微信小程序 字節(jié)跳動(dòng)小程序 QQ小程序 √ √ √ 功能限制主要在getFileSystemManager H5 √ 功能限制主要在FileReader實(shí)例上 在 JavaScript 中的經(jīng)常用到的二進(jìn)制的格式有三種: ArrayBuffer:用來表示通

    2024年02月08日
    瀏覽(19)
  • 微信小程序uni-app圖片和base64相互轉(zhuǎn)換

    以上代碼僅供參考,具體實(shí)現(xiàn)細(xì)節(jié)和樣式可以根據(jù)需求自行調(diào)整。 需要完整源碼的朋友,希望你能點(diǎn)贊+收藏+評論,然后私信我即可~ 如果教程中有不懂的地方,可添加學(xué)習(xí)會(huì)員小助手咨詢(微信:mifankeji77)

    2024年02月14日
    瀏覽(87)
  • 微信小程序base64與十六進(jìn)制相互轉(zhuǎn)換(使用btoa、atob方法報(bào)undefined)

    前言:搜到很多方法都用到了btoa()、atob(),這兩個(gè)屬于Window 對象,在瀏覽器端可以直接使用,但是在小程序里面使用會(huì)報(bào)undefined。看到uniapp和微信小程序官方文檔都提供了下面兩個(gè)api,就想著經(jīng)過ArrayBuffer 對象轉(zhuǎn)換一下。 uni.base64ToArrayBuffer(base64)、wx.base64ToArrayBuffer(base64) 將

    2024年01月22日
    瀏覽(26)

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

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

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

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

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包