文件上傳File格式轉為Blob格式

OBKoro1 發布于2019-08-26 10:43 / 2564人閱讀

摘要：最近項目開發中涉及到文件上傳功能，使用的是七牛的服務。查看七牛文檔發現文件上傳格式為，而本地添加上傳文件時獲取到的是格式，因此需要將轉換為，具體轉換方法如下

最近項目開發中涉及到文件上傳功能，使用的是七牛的服務。查看七牛文檔發現文件上傳格式為blob，而本地添加上傳文件時獲取到的是file格式，因此需要將file轉換為blob，具體轉換方法如下：

// 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));
  }
}

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/106647.html

少俠，留步，圖片預覽術

摘要：少年，我看你骨骼精奇，是萬中無一的武學奇才，我這有本圖片流秘籍，見與你有緣，就送于你了。文件大小，單位為字節，該屬性只讀。用來讀取或文件數據，基于文件大小不同，讀取的過程為異步。 showImg(https://segmentfault.com/img/remote/1460000016276887); 少年，我看你骨骼精奇，是萬中無一的武學奇才，我這有本《圖片流》秘籍，見與你有緣，就...

岳光 2019-08-23 11:44 評論0 收藏0
前端js壓縮圖片并上傳

公司最近有需要壓縮上傳圖片功能，查找了些資料并實現了一把。主要用到的原生組件：FileReader、Canvas、Blob、FormData 邏輯步驟： FileReader.readAsDataURL將上傳的圖片文件轉為Base64格式將img繪制到canvas上，canvas.toDataURL壓縮圖片 new Blob將壓縮后的Base64轉為Blob格式 FormData.appen...

peixn 2019-08-21 17:39 評論0 收藏0
data:image data url 文件轉為Blob上傳后端

摘要：一些場景，比如獲取的圖片，或者微信開發返回的圖片格式是格式的，我們需要上傳到服務器上，那就需要進行轉化。將轉成轉構建上傳表單可以選擇性的加入一些鑒權進行數據上傳，我這里使用的是我已經對進行了封裝一些場景，比如canvas獲取的圖片，或者微信開發sdk返回的圖片格式是data:img格式的，我們需要上傳到服務器上，那就需要進行轉化。將dataURL轉成Blob // base64 轉...

AdolphLWQ 2019-08-26 14:00 評論0 收藏0