关闭

上传图片即时显示

标签: 上传图片即时显示jquery
373人阅读 评论(0) 收藏 举报
分类:

//图片即时显示

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

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:22489次
    • 积分:1033
    • 等级:
    • 排名:千里之外
    • 原创:78篇
    • 转载:20篇
    • 译文:0篇
    • 评论:6条
    文章分类
    最新评论