Html5上传图片 移动端、PC端通用代码

1. //获取上传按钮       var input = document.getElementById("upload");       
2. if(typeof FileReader==='undefined'){             //result.innerHTML = "抱歉，你的浏览器不支持 FileReader";       
3.      input.setAttribute('disabled','disabled');        }else{       
4.      input.addEventListener('change',readFile,false);        }  

然后，当file_input的change事件触发时，调用函数readFile()。在readFile中，我们首先获取file对象，然后通过file的type属性来检测文件类型，我们当然只允许选择图像类型的文件，然后我们new一个FileReader实例，并调用readAsDataURL方法来读取选中的图像文件，最后在onload事件中，获取到成功读取的文件内容，并以插入一个img节点的方式显示选中的图片。