html 5 + webkitRequestFileSystem:从用户保存图像文件
html 5 + webkitRequestFileSystem: save image file from user
使用webkitRequestFileSystem,我想做一些非常简单的事情:从用户获取文件,将其保存到浏览器本地文件系统,并在以后使用它(例如作为图像src等)
我读了关于webkitRequestFileSystem,但我没有找到任何关于从用户克隆文件(也许我错过了它?)。
所以我尝试了一个天真的实现读取,获取文件,写入,一切似乎都行得通(调用成功回调),我可以看到一个chrome扩展文件(HTML5文件系统资源管理器),但当我尝试使用图像url它显示一个破碎的图像图标。
下面是克隆文件的代码片段(有点,必须清理一下):
var src_file = .... <-- got it from user
filesystem.root.getFile("output.png", {create: true}, function(dest_file)
{
var reader = new FileReader();
reader.onerror = function() {alert("ERROR")};
reader.onload = function(e)
{
read_buffer = e.target;
dest_file.createWriter(function(fileWriter) {
var blob = new Blob([read_buffer.result], {type: 'application/octet-stream'}); // <-- also tried "image/png" etc..
fileWriter.onerror = function() {alert("ERROR2")};
fileWriter.onwriteend = function(writer)
{
alert("SUCCESS!");
};
fileWriter.write(blob);
}, function() {alert("ERROR3")});
};
reader.readAsBinaryString(src_file);
});
PS我工作在本地主机,这是一个问题吗?
谢谢!
回答自己:应该使用readAsArrayBuffer()而不是readAsBinaryString()…真是浪费时间:/
相关文章:
- 获取用户位置并将坐标保存在数据库中
- 如何使用javascript localStorage保存用户选择并在不同的html页面中显示
- 为所有查看网站的用户保存变量
- 如何在视图中保存用户输入内容,并在离开页面时对控制器进行后期调用
- 将链接保存到用户'的PC
- 提示用户通过AJAX调用保存文件
- 如何停止javascript的执行并允许用户保存表单
- node-webkit:将数据导出到csv并提示用户保存文件
- 使用数据URI提示用户保存文件
- 复选框,并尝试在用户返回时为用户保存所有复选框的状态
- 用户保存未保存且没有错误
- 为匿名用户保存数据的最佳做法
- 更新用户:保存已填写的详细信息
- 如何让用户保存自定义样式表设置
- js API:是否有一种方法可以让用户保存卡片信息并在以后使用它进行转账?
- html 5 + webkitRequestFileSystem:从用户保存图像文件
- 如何在postgres表中为使用html5地图的用户保存用户的经度和纬度?
- 解析用户保存抛出错误,没有任何提示
- 我怎样才能使MEAN.js默认的文章用户保存到用户数组中
- 用nodejs为每个用户保存表数据(不能使用数据库)