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;

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