HTML部分
<img id="pscover" src="__PUBLIC__/Home/images/z_70.jpg" alt="" /> <input type="file" name="scover" id="scover" /> <img id="pqr" src="__PUBLIC__/Home/images/z_70.jpg" alt="" /> <input type="file" name="qr" id="qr"/>
JS部分(注意引入jQ)
window.onload = function(){
var arr = new Array();
arr["img[id='pscover']"] = "input[name='scover']";
arr["img[id='pqr']"] = "input[name='qr']";
for(var i in arr){
void function(i){
$(arr[i]).on("change",function(){
var pic = this.files[0];
pic_preview(pic,i);
})
}(i)
}
function pic_preview(pic,obj){
var f = new FileReader();
f.readAsDataURL(pic);
f.onload = function (e){
$(obj).attr("src",this.result).show();
}
}
}
近期评论