作者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