<input type='file' id="updateImg" accept='image/gif,image/jpeg,image/jpg,image/png,image/svg' onChange={this.imgUpload(fileDom)} > </input> imgUpload(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=>{ }) }