上传图片即时显示

//图片即时显示

/**
 * 获取图片路径
 */
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="">