$(function(){
$("input[type='file']").change(function(evt){
var files = evt.target.files;
alert("preview!!");
for (var i = 0, f; f = files[i]; i++) {
if (!f.type.match('image.*')) {
continue;
}
var reader = new FileReader();
reader.onload = (function(theFile) {
return function(e) {
$("#preview").attr("src",e.target.result); //預覽圖片的位置
};
})(f);
reader.readAsDataURL(f);
}
});
});
HTML中預覽圖片的JQeury代碼
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.