html上傳圖片並顯示
阿新 • • 發佈:2019-02-02
function loadFile() {
try {
//獲取上傳的檔案
var file = document.getElementById('filemulti').files[0];
var type = file.type;
type = type.substring(0, type.indexOf('/'));
if (type != 'image') {
Common.error("請選擇一個jpg|gif|png 格式圖片");
return ;
}
var size = file.size;
if (size > (100 * 1024)) {
alert("圖片大小不能超過100Kb");
return;
}
var reader = new FileReader()
reader.onload = function (e) {
var result = e.target.result;
//將圖片顯示到<img>中
$("#loadFileImg").attr("src", result);
}
reader.readAsDataURL(file);
} catch (e) {
console.log(e)
}
}