js上传图片后不上传服务器预览图

前端上传图片时候有时候是先显示或者看一下放到内容的效果 未必上传 这时候用到下面的方法

// 绑定change事件
 $("#image_file").change(function(){

        var objUrl = getObjectURL(this.files[0]) ;
        console.log("objUrl = "+objUrl) ;
        if (objUrl) {
           //img标签通过id显示图片的内容
            $("#preview").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 ;
    }

方法很多 提供一个供参考使用!