通过js实时显示需要上传的图片

旧版博客 ayflying 960℃ 评论

有时候我们在用户进行图片上传之前就需要显示用户即将上传的图片进行实时显示,可以用一段简单的js获取到

$(function(){
	//js实时获取上传图
	var obj = $("#litpic");   //设置上传按钮的对象
	var imgobj = $("#litpicimg"); //设置需要实时显示的容器
	obj.change(function(e) {
        var id = $(this).attr('id');
        var objUrl = getObjectURL(this.files[0]);
        console.log("objUrl = "+objUrl) ;
        if (objUrl) {
            alert(objUrl);
            imgobj.show();
            imgobj.attr("src", objUrl);
        }
    });
});

//建立一個可存取到該file的url
function getObjectURL(file) {
    var url = null ; 
    if (window.createObjectURL!=undefined) { // basic
        url = window.createObjectURL(file) ;
    } else if (window.URL!=undefined) { // mozilla(firefox)
        url = window.URL.createObjectURL(file) ;
    } else if (window.webkitURL!=undefined) { // webkit or chrome
        url = window.webkitURL.createObjectURL(file) ;
    }
    return url ;
}




转载请注明:七彩悠悠博客 | 心悠悠 情悠悠 » 通过js实时显示需要上传的图片

高效,专业,悠悠博客

联系我们