您的位置:首页 > Web前端 > HTML

html上传图片并显示

2015-05-29 09:21 453 查看
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)
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  file loadfile