el-upload拖拽上传的部分点击哪都上传
时间: 2024-09-15 11:13:40 浏览: 56
vue-upload-component-Vue上传组件,多文件上传,上传目录,拖动上传,拖动目录。 支持Vue> = 2.0-Vue.js开发
5星 · 资源好评率100%
`el-upload`组件是Element UI库中的一个用于文件上传的功能模块。在拖拽上传模式下,当你将文件直接从文件浏览器或桌面放到指定区域(通常是元素上),或者点击该区域并选择文件时,文件就会开始上传。默认情况下,这个区域通常是一个可以触发上传事件的区域,比如一个按钮或者一个图标,用户可以直接在其上操作。
如果你想要设置成无论点击哪里都能触发上传,你可以尝试配置`action`属性,使其脱离具体的DOM节点绑定,并监听全局的`drop`事件。例如:
```javascript
<el-upload
ref="upload"
:action="'/api/upload'"
drag
drop
@drop="handleDrop"
>
</el-upload>
<script>
export default {
methods: {
handleDrop(files) {
this.$refs.upload.submit();
}
}
}
</script>
```
在这里,`drag`和`drop`属性表示它支持拖放上传,`@drop`事件会在文件被成功拖放到指定区域时触发。然后在方法里,你可以通过`submit`方法来处理上传逻辑。
阅读全文