编码为Base64:使用btoa函数将字符串编码为Base64,或使用FileReaderAPI读取文件并编码。 创建下载链接:生成一个包含Base64数据的URL,并创建一个<a>标签触发下载。 示例代码 以下是一个通过Base64编码下载文本文件的示例: 代码语言:txt 复制 function downloadBase64File(content, filename, mimeType) { // 将内容转...
download() { let imgData = 'data:image/png;base64,iVBORw0KGgoAAAANSUh...'; this.downloadFile('测试.png', imgData); }, //下载 downloadFile(fileName, content) { let aLink = document.createElement('a'); let blob = this.base64ToBlob(content); //new Blob([content]); let evt = d...
2. Base64 → Blob、File#// Base64 转为 Blob function dataURLToBlob(fileDataURL) { let arr = fileDataURL.split(","), mime = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n); while (n--) { u8arr[n] = bstr.charCodeAt...
{String} : 文件名downloadFile(base64,fileName,fileType){consttypeHeader='data:application/'+fileType+';base64,'// 定义base64 头部文件类型constconveredBase64=typeHeader+base64// 拼接最终的base64constblob=this.base64ToBlob(converedBase64,fileType)// 转成blob对象this.downloadExportFile(blob,file...
在JavaScript 中下载 Base64 编码的数据: 如果要下载 Base64 编码的文件(例如图片),可以通过创建一个隐藏的a标签,并设置其href属性为 Base64 数据,然后触发点击事件来实现下载。 以下是一个示例代码: 代码语言:txt 复制 function downloadBase64File(base64Data, fileName, mimeType) { const link = document.cr...
URL.revokeObjectURL(href); //释放掉blob对象 } }, /** * desc: base64转文件并下载 * @param base64 {String} : base64数据 * @param fileType {String} : 要导出的文件类型png,pdf,doc,mp3等 * @param fileName {String} : 文件名 */ downloadFile (base64, fileName, fileType) { let type...
_this.downloadSimple(e.target.response, fileName); // 调用上面的a标签式下载方法 }; setTimeout(function () { ajax.send(); }, 0); return ajax; } } 2.POST方式下载,且后端返回base64编码格式的数据流,类似于这种(ZtjuPPe2d+GefPrD1RpnS6MGdJkebn4/+oMSAAOw==),然后可以拼接成Data URLs格式,用...
link.download = 'abc.pdf' // 要下载的文件名 link.href = URL.createObjectURL(blob); // 触发点击 document.body.appendChild(link); link.click(); // 然后移除 document.body.removeChild(link); } /** * desc: base64对象转blob文件对象
下载内容可以是 URL、字符串、Blob 或类型化的数据数组,或者通过将文件数据表示为 base64 或 url 编码字符串的 dataURL。 无论输入格式如何,download() 都使用指定的文件名和 mime 信息以与使用 Content-Disposition HTTP 标头的服务器相同的方式保存文件。 download(data, strFileName, strMimeType); data - 下...
aLink.download = fileName; aLink.href = URL.createObjectURL(blob); aLink.click(); }; 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 使用: downloadFile('图片名称', 'data:image/png;base64,iVBORw0KGg...'); 1...