input 上传文件

1. 创建上传文件标签

html
<input type="file" name="file" title="请选择" id="file" accept="文件类型" />
文件类型：例：（image/png,image/jpg,image/gif,image/JPEG）图片

2.上传

js
var getFile = document.getElementById('file').files[0];
var size = getFile.size / 1024 / 1024 //文件大小 单位（MB）
if(size > 5){//判断文件是否大于5mb
	alert('上传文件大小不能超过5mb')
	return
}
var fm = new FormData();
fm.append('File', getFile);
$.ajax({
  url:url,
  cache:false,
  type:"POST",
  data:fm,
  headers:{"X-usertoken":sessionStorage.getItem("token")},
  complete:function(xhr){
	  if(xhr.readyState==4&&xhr.status==200){
		  var result = xhr.responseText;
		  var json = JSON.parse(result);
		  alert('注册成功')
	  }else{
	  	console.log(xhr);
	  }
	  }
  })
})