<meta charset="utf-8">
<input type="file" id="upload_image">
<script type="text/javascript" src="jquery.js"></script>
<script>
$(function() {
$('#upload_image').change(function(event) {
// HTML5 js 对象的获取
var files = event.target.files, file;
if (files && files.length > 0) {
// 获取目前上传的文件
file = files[0];
// 文件的限定类型什么的道理是一样的
if(file.size > 1024 * 1024 * 2) {
alert('图片大小不能超过 2MB!');
return false;
}
// file对象生成可用的图片
var URL = window.URL || window.webkitURL;
// 通过 file 生成目标 url
var imgURL = URL.createObjectURL(file);
// 用这个 URL 产生一个 <img> 将其显示出来
$('body').append($('<img/>').attr('src', imgURL));
}
});
});