<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input type="file" name="myfile"/>
<img src="" id="upload"/>
<button id="publish">upload</button>
<script src="static/js/jquery-3.0.0.min.js"></script>
<script>
$("input[type=file]").change(function(){
var FILELIST = this.files ;
console.log(FILELIST);
var READER = new FileReader();
READER.onload = function(e){
console.log(e.target.result);
$("#upload").attr("src",e.target.result); // 查看准备上传的图片
}
READER.readAsDataURL(FILELIST[0]);
// READER.readAsArrayBuffer(FILELIST[0]);
$("#publish").on("click",function(){ //点击上传按钮后
var reader = new FileReader();
var fd = new FormData();
var XHR = new XMLHttpRequest();
reader.onload = function(e){ console.log(e.target.result);
fd.append(‘myFile‘,FILELIST[0]);
XHR.onreadystatechange = function(res){
};
XHR.open(‘POST‘,"/upload.php",true);
XHR.send(fd);
}
reader.readAsBinaryString(FILELIST[0]);
})
});
</script>
</body>
</html>