base64图片转成文件流再转成链接 vue js

最新推荐文章于 2024-05-17 13:52:13 发布

哆比哆比

最新推荐文章于 2024-05-17 13:52:13 发布

阅读量901

点赞数

文章标签： javascript vue.js 前端

本文链接：https://blog.csdn.net/WMW_wmw/article/details/126541821

版权

获取的链接格式，只能在本地打开

blob:http://localhost:8080/c5b2915d-5f72-4918-bc7a-f9fb74aaba05

// img 是base64图片完整字符串
getUrl(img){
   let file = this.base64ImgtoFile(img); // 获取文件流
   let imgUrl = window.webkitURL.createObjectURL(file) ||
            window.URL.createObjectURL(file); // 获取链接
},
// 获取文件流
 base64ImgtoFile(dataurl, filename = "file") {
      const arr = dataurl.split(",");
      const mime = arr[0].match(/:(.*?);/)[1];
      const suffix = mime.split("/")[1];
      const bstr = atob(arr[1]);
      let n = bstr.length;
      const u8arr = new Uint8Array(n);
      while (n--) {
        u8arr[n] = bstr.charCodeAt(n);
      }
      return new File([u8arr], `${filename}.${suffix}`, {
        type: mime,
      });
    },