filesaver.js相关内容

生成 div 的图像并另存为

我想创建一个输入按钮“保存图像": 截取 div 的屏幕截图 要求在用户的计算机上“另存为" 我发现了如何使用 html2canvas 创建潜水屏幕并在新标签中打开它,它可以完美运行: 函数 printDiv2(div){html2canvas((div), {渲染:函数(画布){var img = canvas.toDataURL();窗口.打开(img);}});} 但对你来 ..
发布时间:2022-01-21 08:42:17 前端开发

如何使用 blob 和文件保护程序将 Chart JS 图表保存为没有黑色背景的图像?

$("#NoBidsChart").get(0).toBlob(function(value) {saveAs(value, "Summary.jpg");}); 这里我使用 Chart JS(v2.5.0) 来渲染图表.当我尝试使用 Canvas to Blob 转换器和 filesaver.js 导出图表时,我得到黑色背景.那么如何获得具有自定义背景颜色(最好是白色)的图像? 解决方案 ..
发布时间:2022-01-17 11:21:30 其他开发

使用 Axios 下载二进制文件

例如下载PDF文件: axios.get('/file.pdf', {响应类型:'数组缓冲区',标题:{'接受':'申请/pdf'}}).那么(响应=> {const blob = new Blob([response.data], {类型:'应用程序/pdf',});FileSaver.saveAs(blob, 'file.pdf');}); 下载文件的竞争为: [object 对象] ..
发布时间:2022-01-01 09:36:52 前端开发

使用角度文件保护程序下载大文件

我已经在我的项目中实现了 angular file saver 目的是下载文件和它适用于小文件,但对于大于 50mb 的文件,我看到下一个错误,下载在 35-50mb 后停止. net::ERR_INCOMPLETE_CHUNKED_ENCODING 我试图在互联网上调查这个问题,发现下载有 500mb 的限制,因为显然无法在 RAM 中存储这么多信息.不幸的是,我没有找到任何其他很好的解释来 ..
发布时间:2021-11-09 03:31:51 前端开发

Angular 2 使用 FileSaver.js 的最佳方法

我需要使用 FileSaver.js (https://github.com/eligrey/FileSaver.js/) 在我的 Angular2 应用程序中. 我知道我可以将它作为脚本文件添加到主 html 页面中,它会起作用.但我想知道在 Angular 2 (TypeScript) 应用程序的情况下最好的方法是什么,这样我就可以调用 window.saveAs 来保存文件. 解 ..

Angular 2 使用 FileSaver.js 的最佳方法

我需要使用 FileSaver.js (https://github.com/eligrey/FileSaver.js/) 在我的 Angular2 应用程序中. 我知道我可以将它作为脚本文件添加到主 html 页面中,它会起作用.但我想知道在 Angular 2 (TypeScript) 应用程序的情况下最好的方法是什么,这样我就可以调用 window.saveAs 来保存文件. 解 ..

如何在创建时或创建后向 svg 添加 data-* 属性

我有一个画布,我正在使用 FileSaver.js api 从中创建快照并保存和下载为 svg.svg 永远不会渲染到应用程序,它会在创建后直接下载. 我的问题是,我需要在自定义 data-* 标记的 from 中向 svg 添加一些设置.我无法弄清楚这需要如何或在哪里发生.一旦我有 blob 并且在我调用 saveAs 之前或在它被创建之后?但是如何获得对它的引用.以下是我迄今为止尝试过的 ..
发布时间:2021-09-01 19:25:10 前端开发

如何将字节数组另存为zip

我正在尝试(使用FileSaver.saveAs)下载从服务器(nodejs \ express)获取的zip字节数组.我设法将其下载为zip,但无法打开(无效).关于数据的定义方式,我几乎没有遗漏任何内容-服务器和客户端中的内容类型,responseType,是否应该将其转换为blob等)-但我认为我在详细内容中克服了它们下面的代码.问题出在最后一个功能中,即 exportAsZip 函数中-数 ..
发布时间:2021-04-16 20:42:49 其他开发

Filesaver.js:如何编写包含二进制数据的Blob?

我要使用 fileSaver.js 单击按钮并保存一个二进制二进制文件(类型:"application/octet-stream").但是我不知道该如何保存斑点. 最终文件(example.mod)需要具有以下顺序: 8 (下一个和平信息的字节数,整数) (带有8个字符的标记名称) 3 (点数) [A,10.5,10,10] (一个点:一个由字母和3个浮点数组 ..
发布时间:2021-04-15 20:17:38 前端开发

无法在"URL"上执行"createObjectURL":使用npm文件保护程序进行重载解析失败

我正在开发一个角度应用程序,以下载用户详细信息,并使用我的角度应用程序将其作为Word文档上传到本地计算机上. 我能够成功地将其上传并保存到数据库中,并且还可以在客户端结果中将其数据作为byte []获取. 我正在使用 npm我文件保存器在我的角度应用程序中在客户端计算机中执行保存.但是当我尝试这样做时,我的控制台出现了这个错误 在GET调用API后,结果的控制台输出如下所示: ..
发布时间:2021-04-06 20:10:15 其他开发

从Node.js通过Restify发送到客户端时XLSX文件损坏

我正在一个项目中,我正在使用XLSX node.js库创建一个excel文件,并通过Restify将其发送到客户端,然后再使用FileSaver.js库将其保存到本地计算机上.当我将xlsx工作簿写入后端文件时,它可以很好地打开,但是,当我在客户端上打开它时,它已损坏.我收到错误消息:"Excel无法打开该文件.文件格式或文件扩展名无效.请验证文件未损坏,并且文件扩展名与文件格式匹配." 这 ..
发布时间:2020-06-15 18:31:20 其他开发

允许使用Angular FileSaver.js选择目录

我正在使用 FileSaver.js 从Angular保存文件. 但是,我想允许用户选择目录. 我该怎么做? 解决方案 我认为这是不可能的.浏览器可以选择是向用户显示“另存为.."对话框,还是仅自动下载到“下载"文件夹. 例如,这是用于控制此行为的Chrome的设置 : ..
发布时间:2020-06-15 18:31:16 其他开发

如何使用带有Node/Express后端的Angular 5 HttpClient get方法下载Excel(xlsx)文件?

我的nodejs服务器上的目录中有一个excel文件-该文件的路径为-./api/uploads/appsecuritydesign/output/appsecdesign.xlsx 在Angular 5组件中单击一个按钮时,我只是试图使用FileSaver下载文件. 下面是我的Angular组件. 这里是Angular中按钮的模板代码,一旦单击该代码将调用saveFile()函 ..
发布时间:2020-06-15 18:31:12 其他开发

生成div的图像并另存为

我想创建一个输入按钮“保存图像": 拍摄div的屏幕截图 要求在用户计算机上“另存为" 我已经找到了如何使用html2canvas创建潜水屏幕并在新标签页中打开它的方法,该方法非常完美: function printDiv2(div) { html2canvas((div), { onrendered: function(canvas) { ..
发布时间:2020-06-15 18:31:10 前端开发