特效描述: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;<