图片上传原生功能

1.图片上传，图片选择完成即上传。

<input type="file" name="fileUp" id="file_onchange" class="file_hidde" accept="image/gif, image/jpg, image/jpeg, image/png, multiple=true"/> //图片上传触发
<input type="text" name="filepath" id="filename" readonly  />

css部分，两个input,第二个展示路径，第一个触发上传，将第一个透明覆盖到第二个input框上

.file_hidde{
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	z-index: 10;
}

js部分

var btnSubmit = document.querySelector("#file_onchange")
btnSubmit.onchange = function(){
	var SERVER_URL = Config.DOWNLOAD_SERVER;
	var inputfiles = $("#file_conhange")[0].files;
	var formdata = new FormData();
	formdata.append("file",inputFiles[0]); /
	if((formdata.get("file")).size ==0||formdata.get("file").size==null){
		alert("请先上传图片")
		return
	}
	var xhr = new XMLHttpRequest()
	xhr.open("post","url地址",)
	xhr.setRequestHeader("Authorization","Bearer"+Config.getToken().access_token);
	xhr.send(formdata); //上传的图片内容
	xhr.onload = function (ev) {
		var resp = JSON.parse(xhr.responseText); //上传后返回的部分数据
		var responsesData =resp.data;
		var img_path = responseData[0]["uploadPath"];
		$("#filename").val(img_path)
	}else{
		alert('图片上传失败')
	}
}