码迷,mamicode.com
首页 > Web开发 > 详细

js中的blob,base64,url之间的关系

时间:2018-08-27 23:20:29      阅读:689      评论:0      收藏:0      [点我收藏+]

标签:http   文件上传   tail   span   returns   col   sdn   中文   test   

js的base64编码和解码

英文是这样的:
//
atob() 将base64解码 // btoa() 将字符串转码为base64 var str = javascript; window.btoa(str) //转码结果 "amF2YXNjcmlwdA==" window.atob("amF2YXNjcmlwdA==") //解码结果 "javascript"



中文需要特殊一下。需要用到转码
encodeURIComponent 和 decodeURIComponent

console.log(window.btoa(encodeURIComponent("哈哈")))
console.log(decodeURIComponent(window.atob("JUU1JTkzJTg4JUU1JTkzJTg4")))
JUU1JTkzJTg4JUU1JTkzJTg4
哈哈

base64 转 blob 对象,文件上传 

/** 
* base64 转 blob 对象,文件上传 
 * 转载自:http://blog.csdn.net/hsany330/article/details/52575459 
 * @param dataURI 
 * @returns {Blob} 
 */  
function dataURItoBlob(dataURI) {  
    var byteString = atob(dataURI.split(‘,‘)[1]);  
    var mimeString = dataURI.split(‘,‘)[0].split(‘:‘)[1].split(‘;‘)[0];  
    var ab = new ArrayBuffer(byteString.length);  
    var ia = new Uint8Array(ab);  
    for (var i = 0; i < byteString.length; i++) {  
        ia[i] = byteString.charCodeAt(i);  
    }  
    return new Blob([ab], {type: mimeString});  
}

 

js中的blob,base64,url之间的关系

标签:http   文件上传   tail   span   returns   col   sdn   中文   test   

原文地址:https://www.cnblogs.com/coder-lzh/p/9545315.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!