formdata 图片上传

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
<input type="file" name="image" onchange="update">
<script>
update(e) {
let file = e.target.files[0]
let params = new FormData()
let filename = file.name
if (!isImagesFlie(filename)) {
alert('请选择符合格式要求的图片')
e.target.value = ''
return false
}
let fileSizeK = file.size
if (fileSizeK >= 5242880) {
alert('上传图片不能大于5M')
e.target.value = ''
return false
}
params.append('file', file)
let config = {
headers: {
'Content-Type': 'multipart/form-data'
}
}
axios.post(http://**, params, config).then((res) => {
console.log(res)
})
}
</script>