要用tornado+vue写一个后台管理系统,记录一下遇到文件上传时候的步骤:
1.Form表单里的代码:(这里是使用的饿了么表单组件)
<el-form-item label="头像">
<el-upload
class="avatar-uploader"//上传框框的样式
v-bind:action="FileUploadInterface"//这是请求后台的接口
//是否展示图片列表形式
:show-file-list="false"
:on-success="fund_manager_image_on_success"//接口调用成功之后的方法
//上传文件之前的判断方法,校验是否符合上传规范
:before-upload="fund_manager_image_before_upload">
//如果表单对象有图片,展示出来,没有展示要上传图标样式
<img v-if="formData.image" :src="formData.image" class="avatar">
<i v-else class="el-icon-plus avatar-uploader-icon">