作者knives ()
看板Ajax
标题[问题] 怎麽取得jqueryfileupload的档案url
时间Wed Sep 25 11:28:16 2013
我想用jquery.fileupload 这个档案上传的套件
我看官方范例是有预览的功能
可是它是用另外一个jquery.fileupload-image.js这个套件去做
我想可以不要透过它去做
我想在fileupload的add 事件去自己把上传的照片丢到canvas去显示
可是我不知道该怎麽取得档案的src
我参考
http://stackoverflow.com/questions/6944382/dynamically-add-image-to-canvas
的做法
function fileOnload(e) {
var $img = $('<img>', { src: e.target.result });
var canvas = $('#canvas')[0];
var context = canvas.getContext('2d');
$img.load(function() {
context.drawImage(this, 0, 0);
});
}
$('#files').fileupload({
add:function(e,data){
data.context = $('<div/>').appendTo('
#filelists');
$.each(data.files, function (index, file) {
var canvas = document.createElement('canvas');
var reader = new FileReader();
reader.onload = fileOnload(canvas);
reader.readAsDataURL(file);
var node = $('<p/>')
.append(canvas)
.append($('<span/>').text(file.name));
});
}
});
问题一:我要怎麽去取得档案的src
问题二:如果我用 reader.onload = fileOnload(canvas);, 那我要怎麽告诉fileOnload
第二个参数的event呢
谢谢回答
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 42.75.41.240