HTML5之文件API

var btn = document.getElementById("btn"), file = document.getElementById("file"), fileSize = document.getElementById("fileSize"), fileType = document.getElementById("fileType"), show = document.getElementById("show"); btn.onclick = function() { // fileSize.innerHTML = file.files[0].size; // fileType.innerHTML = file.files[0].type; var reader = new FileReader();　　　　//先new一个对象。 reader.readAsDataURL(file.files[0]); //重要的一步，获取图片内容，，图片的内容会保存在reader.result中 reader.onload = function(){ show.innerHTML = ‘<img src="‘+ reader.result + ‘" alt="这是图片"/>‘;//页面显示 } };