原生input 上传image
程序员文章站
2022-04-08 16:05:49
...
<input type='file' id="updateImg" accept='image/gif,image/jpeg,image/jpg,image/png,image/svg'
onChange={this.imgPreview(fileDom)}
>
</input>
imgPreview(fileDom) {
// 获取文件
var file = fileDom.target.files[0]
var imageType = /^image\//
// 是否是图片
if (!imageType.test(file.type)) {
alert('请选择图片!')
return
}
var formData = new FormData()
formData.append('file', document.getElementById('updateImg').files[0]) // 添加图片信息的参数
// 此处为封装的axios
request({
url:updateUrl,//上传图片的url
method: 'post',
cache: false, // 上传文件不需要缓存
data: formData,
processData: false, // 告诉request不要去处理发送的数据
contentType: false // 告诉request不要去设置Content-Type请求头
}).then(res => {
}).catch(err=>{
})
}
上一篇: js上传图片
下一篇: Java虚拟机四种优化对内部锁的方式解析