資訊專(zhuān)欄INFORMATION COLUMN
摘要：最近項(xiàng)目開(kāi)發(fā)中涉及到文件上傳功能，使用的是七牛的服務(wù)。查看七牛文檔發(fā)現(xiàn)文件上傳格式為，而本地添加上傳文件時(shí)獲取到的是格式，因此需要將轉(zhuǎn)換為，具體轉(zhuǎn)換方法如下
最近項(xiàng)目開(kāi)發(fā)中涉及到文件上傳功能，使用的是七牛的服務(wù)。查看七牛文檔發(fā)現(xiàn)文件上傳格式為blob，而本地添加上傳文件時(shí)獲取到的是file格式，因此需要將file轉(zhuǎn)換為blob，具體轉(zhuǎn)換方法如下：
// html
//script
function fileChange() {
let evt = e || window.event;
let file = evt.target.files[0];
let reader = new FileReader();
let rs = reader.readAsArrayBuffer(file);
let blob = null;
reader.onload = (e) => {
if (typeof e.target.result === "object") {
blob = new Blob([e.target.result])
} else {
blob = e.target.result
}
console.log(Object.prototype.toString.call(blob));
}
}
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/106647.html
摘要：少年，我看你骨骼精奇，是萬(wàn)中無(wú)一的武學(xué)奇才，我這有本圖片流秘籍，見(jiàn)與你有緣，就送于你了。文件大小，單位為字節(jié)，該屬性只讀。用來(lái)讀取或文件數(shù)據(jù)，基于文件大小不同，讀取的過(guò)程為異步。 showImg(https://segmentfault.com/img/remote/1460000016276887); 少年，我看你骨骼精奇，是萬(wàn)中無(wú)一的武學(xué)奇才，我這有本《圖片流》秘籍，見(jiàn)與你有緣，就...
公司最近有需要壓縮上傳圖片功能，查找了些資料并實(shí)現(xiàn)了一把。 主要用到的原生組件：FileReader、Canvas、Blob、FormData 邏輯步驟： FileReader.readAsDataURL將上傳的圖片文件轉(zhuǎn)為Base64格式 將img繪制到canvas上，canvas.toDataURL壓縮圖片 new Blob將壓縮后的Base64轉(zhuǎn)為Blob格式 FormData.appen...
摘要：一些場(chǎng)景，比如獲取的圖片，或者微信開(kāi)發(fā)返回的圖片格式是格式的，我們需要上傳到服務(wù)器上，那就需要進(jìn)行轉(zhuǎn)化。將轉(zhuǎn)成轉(zhuǎn)構(gòu)建上傳表單可以選擇性的加入一些鑒權(quán)進(jìn)行數(shù)據(jù)上傳，我這里使用的是我已經(jīng)對(duì)進(jìn)行了封裝 一些場(chǎng)景，比如canvas獲取的圖片，或者微信開(kāi)發(fā)sdk返回的圖片格式是data:img格式的，我們需要上傳到服務(wù)器上，那就需要進(jìn)行轉(zhuǎn)化。 將dataURL轉(zhuǎn)成Blob // base64 轉(zhuǎn)...
閱讀 2633·2021-11-19 09:56
閱讀 886·2021-09-24 10:25
閱讀 1653·2021-09-09 09:34
閱讀 2211·2021-09-09 09:33
閱讀 1066·2019-08-30 15:54
閱讀 552·2019-08-29 18:33
閱讀 1278·2019-08-29 17:19
閱讀 516·2019-08-29 14:19
