参考网址：
http://www.helloweba.com/view-blog-224.html
<p> <label>请选择一个图像文件：</label> <input type="file" id="file_input" /> </p> <div id="result"></div>
var result = document.getElementById("result"); var input = document.getElementById("file_input"); if(typeof FileReader===‘undefined‘){ result.innerHTML = "抱歉，你的浏览器不支持 FileReader"; input.setAttribute(‘disabled‘,‘disabled‘); }else{ input.addEventListener(‘change‘,readFile,false); } function readFile(){ var file = this.files[0]; if(!/image\/\w+/.test(file.type)){ alert("文件必须为图片！"); return false; } var reader = new FileReader(); reader.readAsDataURL(file); reader.onload = function(e){ result.innerHTML = ‘<img src="‘+this.result+‘" />‘ } }
获取文件的类型，名称，上传时间，移到本地的时间：
// var oDate=file.lastModifiedDate; //获取移到本地的时间
var oDate=new Date();
var sDate=oDate.getFullYear()+‘-‘+(oDate.getMonth()+1)+‘-‘+oDate.getDate(); //获取年,月,日，上传时间
var reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = function (e) {
result.innerHTML = file.type; //获取文件的类型
fileName.innerHTML = file.name; //获取文件的名称
fileTime.innerHTML = sDate; //获取上传时间
}
result.innerHTML = ‘<img src="‘+this.result+‘" />‘ //为获取图片原图原文：http://www.cnblogs.com/yongwang/p/6713315.html