java 图片预加载图片_关于图片预加载事件，点击选择图片后直接显示在页面上...

如图所示

呢么我们来看demo详情。如下所示：

页面demo如下所示：

js代码：

//浏览图片

function chan(i) {

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

if (objUrl) {

$("#photos").attr("src", objUrl);  //这里的id是要显示图片位置的Id

}

};

//建立一個可存取到該file的url

function getObjectURL(file) {

var url = null;

// 下面函数执行的效果是一样的，只是需要针对不同的浏览器执行不同的 js 函数而已

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;

}