Questions tagged «fileapi»

28
如何使用Angular2或更高版本下载文件
我有一个WebApi / MVC应用程序,正在为其开发angular2客户端(以替换MVC)。我在了解Angular如何保存文件时遇到了一些麻烦。 请求成功(正常工作与MVC,我们可以登录接收到的数据),但我无法弄清楚如何保存下载的数据(我主要是遵循同样的逻辑这篇文章)。我敢肯定它很简单,但是到目前为止我还没有掌握它。 组件功能的代码如下。我尝试过不同的方案,则斑的方法应该是,据我了解的路要走,但没有作用createObjectURL在URL。我什至无法URL在window中找到定义,但显然它存在。如果使用FileSaver.js模块,则会出现相同的错误。所以我想这是最近更改或尚未实现的事情。如何触发文件保存在A2中? downloadfile(type: string){ let thefile = {}; this.pservice.downloadfile(this.rundata.name, type) .subscribe(data => thefile = new Blob([data], { type: "application/octet-stream" }), //console.log(data), error => console.log("Error downloading the file."), () => console.log('Completed file download.')); let url = window.URL.createObjectURL(thefile); window.open(url); } 为了完整起见,获取数据的服务如下,但是它唯一要做的就是发出请求并成功传递数据而不进行映射: downloadfile(runname: string, type: string){ return this.authHttp.get( this.files_api + …

7
如何从对象URL获取文件或Blob?
我允许用户通过拖放和其他方法将图像加载到页面中。放置图像时,我URL.createObjectURL用来转换为对象URL以显示图像。我没有撤消该URL,因为我确实重复使用了它。 因此,当需要创建一个FormData对象时,我可以允许他们上传其中包含这些图像之一的表单,是否可以通过某种方式将该对象URL反向转换为a Blob或File将其附加到a FormData目的?

10
来自DataURL的Blob?
使用FileReader的readAsDataURL()我可以将任意的数据到数据的URL。有没有办法Blob使用内置的浏览器API将数据URL转换回实例?

3
从HTML5 Canvas(readAsBinaryString)获取二进制(base64)数据
有什么方法可以将HTML Canvas的内容读取为二进制数据? 目前,我具有以下HTML来显示输入文件及其下方的画布: <p><button id="myButton" type="button">Get Image Content</button></p> <p>Input:<input id="fileInput" type="file"/></p> <p>Canvas<canvas id="myCanvas" width="578" height="200"/></p> 然后,我已经设置了输入文件以正确设置画布,这可以正常工作: $('#fileInput').on('change', function() { $.each(this.files, function() { var image = new Image(); image.src = window.URL.createObjectURL(this); image.onload = function() { $("canvas").drawImage({ source: image, x: 50, y: 50, width: 100, fromCenter: false }); }; }); }); 现在,单击按钮时,我需要从Canvas中获取二进制数据(Base64编码),以便将数据推送到服务器... …
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.