将el-upload上传文件格式设置为jpg
时间: 2023-07-28 20:48:52 浏览: 142
vue-cli3.0+element-ui上传组件el-upload的使用
5星 · 资源好评率100%
如果你想将el-upload上传文件格式设置为jpg,可以在el-upload组件中设置accept属性为"image/jpeg",代码如下:
```
<el-upload
class="upload-demo"
action="/your-upload-api"
:headers="{'Authorization': 'Bearer ' + token}"
:accept="'image/jpeg'"
:on-success="handleSuccess"
:on-error="handleError"
:before-upload="beforeUpload">
<el-button slot="trigger" size="small" type="primary">选取文件</el-button>
<div slot="tip" class="el-upload__tip">只能上传jpg格式的文件</div>
</el-upload>
```
这样设置之后,用户只能上传jpg格式的文件,如果上传其他格式的文件,将会提示用户只能上传jpg格式的文件。
阅读全文