Base64与BLOB互相转换

// Base64 转 Blob
function dataURLtoBlob(dataurl) {var arr = dataurl.split(','), //分割为数组，分割到第一个逗号let mime = arr[0].match(/:(.*?);/)[1],//获取分割后的base64前缀中的类型let bstr = window.atob(arr[1]), let n = bstr.length, let u8arr = new Uint8Array(n);while (n--) {u8arr[n] = bstr.charCodeAt(n);}return new Blob([u8arr], { type: mime//文件类型格式 });
}

// Blob 转 Base64
function blobToDataURL(blob, callback) {let a = new FileReader();a.onload = function (e) { callback(e.target.result); }a.readAsDataURL(blob);
}

// 创建Blob对象（旧方法）
var builder = new BolbBuilder();
builder.append("Hello World!");
var blob = builder.getBlob("text/plain");

// 创建Blob对象（新方法）
var blob = new Blob(["Hello World!"],{type:"text/plain"});

Blob 的应用

1.大文件分割 (slice() 方法)slice() 方法接受三个参数，起始偏移量，结束偏移量，还有可选的 mime 类型。如果 mime 类型，没有设置，那么新的 Blob 对象的 mime 类型和父级一样。
2. 当要上传大文件的时候，此方法非常有用，可以将大文件分割分段，然后各自上传，因为分割之后的 Blob 对象和原始的是独立存在的。
不过目前浏览器实现此方法还没有统一，火狐使用的是 mozSlice() ，Chrome 使用的是 webkitSlice() ，其他浏览器则正常的方式 slice() 。

//兼容各浏览器的写法function sliceBlob(blob, start, end, type) {type = type || blob.type;if (blob.mozSlice) {return blob.mozSlice(start, end, type);} else if (blob.webkitSlice) {return blob.webkitSlice(start, end type);} else {throw new Error("This doesn't work!");}
}

Base64与BLOB互相转换相关推荐

身份证信息登记，涉及base64和blob二进制之间的转换
1.UBUtil类,处理Blob值 package com.taxsearch.controller;import java.io.IOException; import java.sql.Blob; ...
url、base64、blob，三者之间的转化
对于vue项目,我们使用axiso来发送请求,如果传递二进制图片时出现乱码,这个是什么问题? 答: axios 默认返回的是 json 文本形式,二进制图片数据被强制转换成了 json 文本形式. 解 ...
base64、blob格式相互转换及应用
1.Base64 to Blob function dataURLtoBlob(dataurl) {var arr = dataurl.split(','), //分割为数组,分割到第一个逗号let ...
Scratch上传作品加载之分析（封面获取），base64转blob 前后端方案，前端后端解析base64为Blob，2021年较底层进行sb3作品渲染
采坑的初衷: 考虑到作品的私有性.用户上传的作品必须是私有的,当且仅当用户设置作品公开 (理论上得提交给管理员,进行审核,管理员进行操作).那么才能够通过projectHost的方式去请求. 也就是说 ...
c++ 解析从浏览器端传过来的图像base64编码，并转换成opencv识别的格式
from: c++ 解析从浏览器端传过来的图像base64编码,并转换成opencv识别的格式 #include <cstdint> #include <fstream> #i ...
python 图片base64 编解码，转换成Opencv，PIL.Image图片格式
Python PIL.Image和OpenCV图像格式相互转换二进制打开图片文件,base64编解码转成Opencv格式: # coding: utf-8 import base64 import ...
java base64字符转图片_JAVA实现图片与base64字符串之间的转换详解
import java.io.FileInputStream; import java.io.FileOutputStream; import java.io.IOException; import ...
Java接受前端的base64，转换失败。base64转图片互相转换
spring boot前后端vue,base64转图片互相转换 vue就不展示了,下边只展示Java中互相转换的例子. Java实现图片转化成base64字符串 //图片转化成base64字符串 pu ...
audio标签 FileReader blob转base64 base64转blob 语音
base64转blob内容 function sentComment() {var url = $("#albumItemCommentURL").val();var params ...

Base64与BLOB互相转换

Blob 的应用

Base64与BLOB互相转换相关推荐

最新文章

热门文章