base64图片下载vue js

最新推荐文章于 2024-06-08 18:28:25 发布

哆比哆比

最新推荐文章于 2024-06-08 18:28:25 发布

阅读量284

点赞数

文章标签： javascript vue.js 前端

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

版权

//imgUrl是base64字符串 带base64头的
 if (window.navigator.msSaveOrOpenBlob) {
            // 如果浏览器支持msSaveOrOpenBlob方法（也就是使用IE浏览器的时候），那么调用该方法去下载图片
            var bstr = atob(imgUrl.split(",")[1]);
            var n = bstr.length;
            var u8arr = new Uint8Array(n);
            while (n--) {
              u8arr[n] = bstr.charCodeAt(n);
            }
            var blob = new Blob([u8arr]);
            window.navigator.msSaveOrOpenBlob(blob, "img" + "." + "png");
          } else {
            // 这里就按照chrome等新版浏览器来处理
            const a = document.createElement("a");
            a.href = imgUrl;
            a.setAttribute("download", "img");
            a.click();
          }