php 在线浏览图片,JS+h5实现图片在线预览实例

本文实例为大家分享了HTML5图片在线预览的具体代码，供大家参考，具体内容如下

HTML5图片预览

.hide

{

display:none;

}

请选择一张JPG/GIF的图片

$("#file0").change(function(){

var objUrl = getObjectURL(this.files[0]) ;

console.log("objUrl = "+objUrl) ;

if (objUrl)

{

$("#img0").attr("src", objUrl);

$("#img0").removeClass("hide");

}

}) ;

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 ;

}