用element-ui中的upload上传图片
这个是最最最基本的结构
<el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" > <el-button size="small" type="primary">点击上传</el-button> <div slot="tip" class="el-upload__tip">只能上传jpg/png文件,且不超过500kb</div> </el-upload>
-
action 是要上传的接口地址
-
drag 是拖拽的 就是要拖拽就加上这个属性就可以了
-
:on-change="handleChange" 这个函数是改变的 时候,都会执行。无论成功与否
-
:on-success="handleAvatarSuccess" 这个是上传成功之后,才会调用
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
action | 必选参数,上传的地址 | string | — | — |
headers | 设置上传的请求头部 | object | — | — |
multiple | 是否支持多选文件 | boolean | — |