上传图片即时显示

原创 2015年07月09日 15:58:58

//图片即时显示

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

版权声明:做该做的事,做好该做的事。 举报

相关文章推荐

jsp中上传图片时的即时显示效果

function setImagePreview() { var docObj=document.getElementById("doc"); var img...

Html5 FileReader实现即时上传图片功能

Document       #kk{    width:400px;    height:400px;    overflow: hidden;   }   #pr...
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)