JS图片转换格式 (转Blob)

本文介绍如何使用JavaScript将图片文件和Base64编码转换为Blob对象,包括file格式和Base64字符串转Blob的具体步骤及XHR方法的应用。
摘要由CSDN通过智能技术生成

file格式转Blob

<input type="file" accept="image/*" @change="upLoad">


upLoad(e){
  console.log(this.getFileUrl(e.srcElement))
},
getFileUrl(obj) { 
  let url; 
  url = window.URL.createObjectURL(obj.files.item(0)); 
  return url; 
},

base64转Blob

//ndata为base64格式地址
let arr = ndata.split(','), mime = arr[0].match(/:(.*?);/)[1],
  bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
while (n--) {
  u8arr[n] = bstr.charCodeAt(n);
}
let bdata = new Blob([u8arr], {type: mime})

通过XHR的方法来转转Blob

let xhr = new XMLHttpRequest();
xhr.open("get", "http://mybg.oss-cn-hangzhou.aliyuncs.com/2019031510452423", true);
xhr.responseType = "blob";
xhr.onload = function (res) {
  if
  • 0
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值