文件上传File格式转为Blob格式

OBKoro1 发布于2019-08-26 10:43 / 2527人阅读

摘要：最近项目开发中涉及到文件上传功能，使用的是七牛的服务。查看七牛文档发现文件上传格式为，而本地添加上传文件时获取到的是格式，因此需要将转换为，具体转换方法如下

最近项目开发中涉及到文件上传功能，使用的是七牛的服务。查看七牛文档发现文件上传格式为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));
  }
}

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/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