$(function() {
$('#upload_image').change(function(event) {
// 根據這個 <input> 獲取文件的 HTML5 js 對象
var files = event.target.files, file;
if (files && files.length > 0) {
// 獲取目前上傳的文件
file = files[0];
// 來在控制臺看看到底這個對象是什么
console.log(file);
// 那么我們可以做一下諸如文件大小校驗的動作
if(file.size > 1024 * 1024 * 2) {
alert('圖片大小不能超過 2MB!');
return false;
}
// !!!!!!
// 下面是關鍵的關鍵，通過這個 file 對象生成一個可用的圖像 URL
// 獲取 window 的 URL 工具
var URL = window.URL || window.webkitURL;
// 通過 file 生成目標 url
var imgURL = URL.createObjectURL(file);
// 用這個 URL 產生一個 <img> 將其顯示出來
$('body').append($('<img/>').attr('src', imgURL));
// 使用下面這句可以在內存中釋放對此 url 的伺服，跑了之后那個 URL 就無效了
// URL.revokeObjectURL(imgURL);
}
});
});
