上传图片即时显示

//图片即时显示

/**

* 获取图片路径

*/

function geturl(file) {

var url = null;

if (window.createObjectURL != undefined) {

url = window.createObjectURL(file);

} else if (window.URL != undefined) {

url = window.URL.createObjectURL(file);

} else if (window.webkitURL != undefined) {

url = window.webkitURL.createObjectURL(file);

}

return url;

}

$(function(){

$("#articleImage").change(function(){

var image = $("#articleImage")[0];

var url = geturl(image.files[0]);

if(url == null){

$("#showImage").hide();

}else{

$("#showImage").show();

$("#showImage").attr("src",url);

}

});

});

<label>图片:</label>

<input type="file" id="articleImage" name="articleImage" >

<img id="showImage" src="">