如何获取图片文件

分类：HTML5+

图片加工

我现在想在图片上传之前对图片进行压缩

目前通常的做法是采用html5 的canvas来处理

在普通的html页面，通过文件按钮可以实现，代码如下：

var obj = document.getElementById('file1');
var file = obj.files[0];
var url = window.URL.createObjectURL(file);
.......

但我通过plus.gallery.pick(function(p){
appendFile(p,'local');
},function(e){
//plus.nativeUI.toast('调取图片库失败',{verticalAlign:'center'});
plus.nativeUI.alert('调取图片库失败');
});
调用的图片文件返回的是一个图片的路径，我怎么通过这个地址转成window.URL.createObjectURL可用的file对象？？

window.URL.createObjectURL(blob);
blob参数是一个File对象或者Blob对象.

2014-10-29 16:58 1 条评论负责人:无分享

4 个回复

万变的律

同问

rodgerz

如果是要上传文件到服务器的话，建议使用plus.uploader.createUpload

详见http://www.html5plus.org/doc/zh_cn/uploader.html

至于后台服务是要保存成文件还是存到数据库的blob里面，后台有自己的实现方式（java、php、aspx都是没问题的）

2016-09-26 10:11