el-upload 修改drag框大小
时间: 2023-09-05 22:10:12 浏览: 68
要修改el-upload的drag框大小,你可以使用style属性来调整它的宽度和高度。在el-upload标签中添加一个style属性,然后设置它的width和height属性来指定drag框的大小。例如,你可以这样写:
<el-upload class="upload-demo" drag ref="fileUpload" :action="urls.fileUpload" :on-success="handleUploadSuccess" :on-error="handleUploadError" :on-progress="progressUpload" :before-upload style="width: 300px; height: 200px;">
这将把drag框的宽度设置为300像素,高度设置为200像素。你可以根据需要调整这些值来改变drag框的大小。<span class="em">1</span><span class="em">2</span>
#### 引用[.reference_title]
- *1* [解决vue2.0 element-ui中el-upload的before-upload方法返回false时submit()不生效问题](https://download.csdn.net/download/weixin_38741195/13287982)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* [el-upload多文件上传;el-upload采用递归依次上传文件;el-upload采用递归在上一个文件上传成功后再传下一...](https://blog.csdn.net/i_am_a_div/article/details/127431603)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]