vue——base64图片转网络URL 青旅半醒 2023-01-16 14:29 901阅读 0赞 ## vue——base64图片转网络URL ## #### src支持base64图片,正常base64图片可以直接复制到图片src,也可以将其转为URL #### // data url: 'XXXXXXXX' // base64编码 imgUrl: '' // 图片路径 // methods 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 }) }, #### 打印得到File文件,再转为png图片 #### ![在这里插入图片描述][20210426113029336.png] const img = 'data:image/png;base64,' + img this.file = this.base64ImgtoFile(img) // 得到File对象 this.imgUrl = window.webkitURL.createObjectURL(file) || window.URL.createObjectURL(file) // imgUrl图片网络路径 [20210426113029336.png]: /images/20221022/6cc18f1a85a74cb39eb81fe936d69a7f.png
还没有评论,来说两句吧...