javascript 本地图片预览

HTML:

<input type='file' οnchange='loadImage(this);'>

JS:

1. function loadImage(prefile){

if (!prefile.files.length || !window.FileReader) return;

if (/^image/.test(prefile.files[0].type)) {

var reader = new FileReader();

reader.readAsDataURL(prefile.files[0]);

reader.onload = function (evt) {

document.getElementById(image1').src = evt.target.result;

}

}

2. function loadImage(prefile){

var windowURL = window.URL || window.webkitURL;

var src = windowURL.createObjectURL(prefile.files[0]);

document.getElementById(image1').src = src;

}