上传图片
Easul Lv6
HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<form  method="POST" action="*" enctype="multipart/form-data">
<input id="s" type="file" multiple="multiple" accept="image/*" name="s"/>
<input type="button" onclick="upload()" value="提交"/>
</form>
<div id = "result"></div>
<script>
function fileToBase64(file) {
return new Promise(function(resolve, reject) {
let reader = new FileReader()
reader.readAsDataURL(file)
reader.onload = function(e) {
resolve(e.target.result)
}
})
}

function upload() {
var file = document.getElementById("s");
if(!file.files[0]) {
return;
}
fileToBase64(file.files[0]).then(function(data) {
var form = new FormData();
form.append("appId", "im.customer");
form.append("aid", "undefined");
form.append("clientType", "comet");
form.append("pin", "undefined");
form.append("s", data);
let xhr = new XMLHttpRequest();
if (data) {
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var result = xhr.responseText
result = result.match(/.*?"path":"(.*?)"/)[1];
document.getElementById("result").innerHTML += result + "<br/>";
}
};
xhr.open('POST', 'https://imio.jd.com/uploadfile/file/post.do');
xhr.send(form);
}
})
}
</script>
 评论