背景:前端使用vue + ElementUI,并使用ElementUI里面upload控件将图片上传至ABP接口服务端
后端使用ABP框架,并希望在ABP中接收前端发送过来的图片
问题:ABP服务端怎样接收前端发过来的图片呢,求相关的参考代码
下面是前端代码
<el-upload
class="upload-demo"
ref="upload"
action="https://jsonplaceholder.typicode.com/posts/"
:on-preview="handlePreview"
:on-remove="handleRemove"
:file-list="fileList"
: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文件,且不超过500kbdiv>
el-upload>
<script>
export default {
data() {
// 省略
},
methods: {
submitUpload() {
this.$refs.upload.submit();
}
}
}
script>
可以看下这个 https://www.freesion.com/article/58721438911/
建议题友看下这篇【循序渐进VUE+Element 前端应用开发(23)--- 基于ABP实现前后端的附件上传,图片或者附件展示管理】,链接:https://www.cnblogs.com/wuhuacong/p/13885052.html
【推荐理由,该博主在该领域经验丰富,建议添加,可以相互学习交流】
感谢各位的指点,谢谢!