element文件上传按钮点击没有d窗

一般情况下，element文件上传按钮点击会d出d窗，如果点击没有d窗，可能的原因有：

（1）浏览器的核敏隐私设置中阻止了d窗，需要把隐私设置中允许d窗进行设置；

（2）未对element中upload组件进行渲染，在使用upload功能时需要先对它进行渲染；

（3）通过on-change事件去处理文件，当禅悄在on-change事件中没有return false时，可能会出现d窗没有d出的情贺氏渣况；

ElementUpload是知或一个基于Element UI的文件上传组件，可以实现文件的单个或批量上传。在批量上传时，可以通过监听上传进度事件来展示上传进度。方法如下：

1、在ElementUpload组件中设置multiple属性为true，以支持批量上传。

2、监听ElementUpload组件的upload-progress事件，该事件会在上传过程中不断触发，可以获取上传进度信息。

3、在upload-progress事件中，可以通过event.percent属性获取上传进度百分比，然后将百分比展示在页面上，以便用户了解上传进度。上传进度的展示方式可以根据实际需求进行调整，如展示进度条、数字百分比等。上传进度的展示需要考虑用户体验和交互效果，以便用户更好地了启猛坦解上传进度。悄桐

之前做上传，参考element UI的官方示例，使用action属性，action是上传的地址。

这次做的项目，换了一个后端对接，说，上传不需要调用接口，我懵了，我寻思示例不都是使用了action嘛，经过一番了解，upload组件还提供了http-request覆盖默认上传行为。

elementUI 的upload组件的http-request方法的使用

http-request有个默认的参数：content

content是一个object对象：里面包含一些upload组件的回调方法，可以使用upload组件原生的方法。

下面记录下具体使用方法，很简单

1、

:action是必不可少但是却没什么作悄颤用的

:http-request可以覆盖默认的上传方法

2、我配置中兄的:action的值（就是官方文档示卖运袭例的值）

3、:http-request函数内容，将上传成功的文件保存到mode里面，mode是自己在data里面定义的变量，初始值是mode:{}

4、上传按钮的点击事件

5、上传成功，后台可以读取到数据

---