html页面上传图片回显,html js 上传图片并回显

html js 上传图片并回显

发布时间：2018-08-03 14:27,

浏览次数：808

, 标签：

html

js

function changImg(e){

for (var i = 0; i < e.target.files.length; i++) {

var file = e.target.files.item(i);

//验证是否为图片，不是就跳出循环

if (!(/^image\/.*$/i.test(file.type))) {

alert("不是图片！")

continue;

}

//实例化FileReader API

var freader = new FileReader();

freader.readAsDataURL(file);

freader.onload = function(e) {

$("#image").attr("src",e.target.result);  //显示图片

}

}

}

使用方式:

οnchange="changImg(event)" >