<input type="file" id="file_input">
<img src="" class="img" />
$("#file_input").change(function(){
var file = this.files[0];if (window.FileReader) {
var reader = new FileReader();
reader.readAsDataURL(file);
//监听文件读取结束后事件
reader.onloadend = function (e) {
$(".img").attr("src",e.target.result); //e.target.result就是最后的路径地址
var image = new Image();
image.onload = function () {
var width = this.width;
var height = this.height;
console.log(width+""+height);
};
image.src=e.target.result; //需要注意的是:src 属性一定要写到 onload 的后面,否则程序在 IE 中会出错。
};
}
});