Vue3&el-upload 实现在组建之外提供一个上传按钮

有这么一个需求,在使用el-upload组件进行文件上传的时候,除了组件默认提供的上传按钮,还要在列表的最前面自定义的加一个上传按钮,点击这个自定义的上传按钮要实现和点击默认的上传按钮同样的全套的上传流程

默认的:

Vue3&el-upload 实现在组建之外提供一个上传按钮_第1张图片

我要的效果:

Vue3&el-upload 实现在组建之外提供一个上传按钮_第2张图片

也就是除了默认的上传还有一个自己定义的上传按钮。

实现的话也很简单:

首先加一个和之前点击的入口,注意是在 el-upload 标签外定义的

                    
                    
上传本地文件

然后代码实现模拟点击

关键的一步就是模拟点击上传的代码。

有疑问可以私信或者留言,这个效果已经实现并发布在我的OCR/表格识别重做的网站里面的,可以先去体验一下是不是你想要的效果。

你可能感兴趣的:(vue.js,前端,javascript,elementui)