el-upload只能上传一张
时间: 2023-10-27 08:27:41 浏览: 94
是的,el-upload默认情况下只能上传一张图片。如果你想要实现多张图片上传的功能,你可以使用el-upload的multiple属性。将multiple属性设置为true后,用户就可以选择并上传多张图片了。另外,你还可以通过设置limit属性来限制用户最多可以上传的图片数量。希望这能帮到你!如果还有其他问题,请随时提问。
相关问题
el-upload只上传一张图片
el-upload组件可以上传多张图片,只需要将multiple属性设置为true即可。示例代码如下:
```
<el-upload
action="/upload"
multiple
:on-success="handleSuccess"
:on-error="handleError"
>
<el-button size="small" type="primary">上传文件</el-button>
</el-upload>
```
el-upload 限制上传一张照片 上传后隐藏上传按钮
可以通过以下步骤实现:
1. 在 el-upload 组件中设置 `limit` 属性为 1,表示只能上传一张照片。
```html
<el-upload
class="upload-demo"
action="/upload"
:limit="1"
:show-file-list="false"
:on-success="handleSuccess">
<el-button slot="trigger" size="small" type="primary">上传照片</el-button>
</el-upload>
```
2. 给 el-upload 组件绑定一个 `on-success` 事件,当上传成功时,隐藏上传按钮。
```js
methods: {
handleSuccess(response, file, fileList) {
// 上传成功后,隐藏上传按钮
this.$refs.upload.$children[0].$el.style.display = "none";
}
}
```
在 `handleSuccess` 方法中,通过 `this.$refs.upload.$children[0]` 获取到 el-upload 组件的子组件 el-upload-dragger,然后通过 `$el.style.display = "none"` 隐藏上传按钮。
同时,为了不显示已上传的文件列表,可以设置 `show-file-list` 属性为 false,如上述代码所示。
阅读全文