html 头像选择,html5点击上传头像选取本地图片上传代码

特效描述：html5 点击上传头像 选取本地图片 上传代码。html5点击上传头像，图片上传代码

代码结构

1. HTML代码

上传头像

//获取上传按钮

var input1 = document.getElementById("upload");

if(typeof FileReader==='undefined'){

//result.innerHTML = "抱歉，你的浏览器不支持 FileReader";

input1.setAttribute('disabled','disabled');

}else{

input1.addEventListener('change',readFile,false);

/*input1.addEventListener('change',function (e){

console.log(this.files);//上传的文件列表

},false); */

function readFile(){

var file = this.files[0];//获取上传文件列表中第一个文件

if(!/image\/\w+/.test(file.type)){

//图片文件的type值为image/png或image/jpg

alert("文件必须为图片！");

return false;<