注意请求头,若不写,则服务会拒绝
<template>
<div>
<el-upload
class="upload-demo"
ref="upload"
action="http://127.0.0.1:3000/users"
accept="image/png,image/gif,image/jpg,image/jpeg"
:on-preview="handlePreview"
:on-remove="handleRemove"
:on-success="handleAvatarSuccess"
:auto-upload="false">
<el-button slot="trigger" size="small" type="primary">选取文件</el-button>
<el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传到服务器</el-button>
<div slot="tip" class="el-upload__tip">只能上传jpg/png文件,且不超过500kb</div>
</el-upload>
</div>
</template>
调试返回数据情况,若返回证明上传成功
<script>
export default {
data() {
return {
};
},
methods: {
handleAvatarSuccess(res, file) {
console.log(res)
},
submitUpload() {
this.$refs.upload.submit();
},
handleRemove(file, fileList) {
console.log(file, fileList);
},
handlePreview(file) {
console.log(file);
}
}
}
</script>