dataURLtoBlob(dataurl) {
            var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],
                bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
            while (n--) {
                u8arr[n] = bstr.charCodeAt(n);
            }
            return new Blob([u8arr], {type: mime});
        },
        //下载图片模板
        downLoadImg(){
            this.imgTemList.forEach(item=>{
                let database = "data:image/jpg;base64," + item.url
                let blob_ = this.dataURLtoBlob(database);
                let url = {
                    name: item.name || "图片.png", // 图片名称不需要加.png后缀名
                    src: blob_
                };

                if (window.navigator.msSaveOrOpenBlob) {   // if browser is IE
                    navigator.msSaveBlob(url.src, url.name);//filename文件名包括扩展名,下载路径为浏览器默认路径
                } else {
                    var link = document.createElement("a");
                    link.setAttribute("href", window.URL.createObjectURL(url.src));
                    link.setAttribute("download", url.name + '.png');
                    document.body.appendChild(link);
                    link.click();
                }
            })
        },

在这里插入图片描述

Logo

Agent 垂直技术社区,欢迎活跃、内容共建。

更多推荐