js-url转换blob以及blob与base64的相互转换

下面的代码是我在网上cv的，不记得是找的哪个的了，放在这帮助更多有缘人

url转blob

function xhrequest(url, callback) {//创建XMLHttpRequest对象var xhr = new XMLHttpRequest();//前两个参数固定，第三个参数true时是异步，false时是同步xhr.open("get", url, true);//选定输出格式为blob格式xhr.responseType = "blob";//onload后回调this本身  onload本身不携带参数xhr.onload = function() {callback(this);};//关闭xhr  一定要加xhr.send();
}
export default xhrequest;

blob转base64

这里使用readAsDataURL比createObjectURL好一些
详情参考：https://blog.csdn.net/qq_36671474/article/details/100545250

function fileReader(blob, callback) {//创建FileReader对象let reader = new FileReader();reader.readAsDataURL(blob); //读取文件保存在result中reader.onload = function(e) {callback(e);};
}
export default fileReader;

base64转blob

注：此方法来自：

https://blog.csdn.net/weixin_34395205/article/details/86207842?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522160566159019724842959303%2522%252C%2522scm%2522%253A%252220140713.130102334…%2522%257D&request_id=160566159019724842959303&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2_allsobaiduend~default-2-86207842.pc_first_rank_v2_rank_v28&utm_term=js+base64%E8%BD%ACblob&spm=1018.2118.3001.4449

这里使用readAsDataURL比createObjectURL好一些
详情参考：https://blog.csdn.net/qq_36671474/article/details/100545250

    function dataURItoBlob(dataURI) {var mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0]; // mime类型var byteString = atob(dataURI.split(',')[1]); //base64 解码var arrayBuffer = new ArrayBuffer(byteString.length); //创建缓冲数组var intArray = new Uint8Array(arrayBuffer); //创建视图for (var i = 0; i < byteString.length; i++) {intArray[i] = byteString.charCodeAt(i);}return new Blob([intArray], {type: mimeString});}export default dataURItoBlob;

如果有更漂亮的写法欢迎来讨论，让我们一起有条不紊的持续进步。
喜欢的话不妨点个小小的赞与关注，您的赞与关注将是我源源不断的前进动力。

js-url转换blob以及blob与base64的相互转换相关推荐

图片或文件Blob、File、Base64之间的相互转换
Blob.File.Base64之间的相互转换前言 base64 转 Blob 对象 base64 转 File 对象 File 对象,Blob 对象转base64 blob链接转 base64 ...
js中blob转string、string转blob、typeArray转blob、blob转TypeArray
js中blob转string.string转blob.typeArray转blob.blob转TypeArray 将String字符串转换成Blob对象将TypeArray 转换成 Blob 对象 ...
blob:http://192.168.1.136:10086/6f0d8da转成真正的blob再转成base64
AtImagePicker的onChange拿到的url是这样的blob:http://192.168.1.136:10086/6f0d8da,但这并不是真正的blob,通过fetch可以拿到真正的b ...
base64转化字节流 js_js - blob流和base64，以及file和base64的相互转换
file和base64 1.file文件转换为base64,得到base64格式图片 var reader = new FileReader(); reader.readAsDataURL(this. ...
图片Url转换Base64
java 图片Url转换Base64 1.引用依赖 <?xml version="1.0" encoding="UTF-8"?> <proje ...
JS中ArrayBuffer、Uint8Array、Blob与文本字符之间的相互转换
前端 File 上传.下载,Canvas 保存图片,Ajax 和 Fetch 二进制流传输,PDF 预览,浏览器上 WebAssembly 的应用等等都需要用到 ArrayBuffer 和 Blob ...
js将图片或者文件转成base64格式的两种方法
场景一,项目assets资源里面的图片本地图片,重点如下需要了解 canvas的基本操作,canvas.toDataURL 方法 HTMLCanvasElement.toDataURL() 方法返回 ...
js url传值中文乱码之解决之道
因为js url在传值的过程中使用的是js自己默认的字符集编码规则,我们必须把它转成属于我们自己的编码规格在websphere 中使用的是url=encodeURI(encodeURI(url)); ...
php下载链接迅雷下载,php实现把url转换迅雷thunder资源下载地址的方法
php实现把url转换迅雷thunder资源下载地址的方法本文实例讲述了php实现把url转换迅雷thunder资源下载地址的方法.分享给大家供大家参考.具体方法分析如下: 如果你知道迅雷地址的生成 ...
php下载地址转换工具,PHP实战：php实现把url转换迅雷thunder资源下载地址的方法...
<PHP实战:php实现把url转换迅雷thunder资源下载地址的方法>要点: 本文介绍了PHP实战:php实现把url转换迅雷thunder资源下载地址的方法,希望对您有用.如果有疑问 ...