隐藏vue-simple-uploader组件文件上传列表的暂停、开始等操作按钮

前段时间，针对大文件上传使用 vue-simple-uploader 实现切片上传。有同事反应，在进行计算文件md5的时候，选中的文件会处于暂停上传的状态，让人有点击继续按钮的冲动，让我将操作按钮隐藏掉。
本来想直接更改 vue-simple-uploader 组件的代码，结果细看了一下，果断放弃。毕竟上传文件列表 uploader-list 使用了 uploader-file。不能直接修改 uploader-file 实现这一需求。
所以，直接从最简单的样式上进行调整。

获取操作按钮的样式：

在vue中将操作按钮的样式，通过样式穿透的方式实现隐藏

<style>.uploader-list /deep/ .uploader-file-actions>span {display: none;float: left;width: 16px;height: 16px;margin-top: 16px;margin-right: 10px;cursor: pointer;
}
</style>

查看效果：

隐藏vue-simple-uploader组件文件上传列表的暂停、开始等操作按钮相关推荐

vue自定义组件-文件上传后端接口
学习目标: vue自定义组件-文件上传后端接口学习内容: 准备工作: 后端环境:JAVA-Springboot项目数据库表(这里使用psql数据库):sys_file_record保存上传文件的信息 ...
esp8266 刷 MicroPython固件,并使用MicroPython File Uploader python文件上传工具上传python文件
1.使用模块esp8266 2.进入固件官网:https://micropython.org/download/esp8266/ 3.将下载的esp8266-20220618-v1.19.1.bin放 ...
element ui upload组件文件上传一次后，不论是上传成功之后修改文件再上传还是上传失败重新上传，再次点击上传均无反应。
问题: Element UI Upload 组件文件上传一次后,不论是上传成功之后修改文件再上传还是上传失败重新上传,再次点击上传均无反应. 原因: 第一次上传文件后,浏览器还保存着我们已经上传的文 ...
Vue Bootstrap OSS 实现文件上传
公司实现文件上传技术选型采用后端SpringBoot/Cloud,前端vue Bootstrap ,阿里云OSS作为文件存储,文件上传功能单独抽取封装文件上传组件,可供所有的文件的操作. 后端框架版 ...
vue 文件及描述信息一起上传_用Vue实现一个大文件上传和断点续传
前言这段时间面试官都挺忙的,频频出现在博客文章标题,虽然我不是特别想蹭热度,但是实在想不到好的标题了-.-,蹭蹭就蹭蹭 :) 事实上我在面试的时候确实被问到了这个问题,而且是一道在线 coding ...
vue实战--vue+elementUI实现多文件上传+预览（word/PDF/图片/docx/doc/xlxs/txt）
需求最近在做vue2.0+element UI的项目中遇到了一个需求:需求是多个文件上传的同时实现文件的在线预览功能.需求图如下: 看到这个需求的时候,小栗脑袋一炸.并不知道该如何下手,之前的实践项 ...
【前端】wangeditor源码修改，打包发布到npm，实现上传视频功能，得到视频的第一帧保存为封面，spring-boot+vue，axios实现文件上传，视频图片浏览
一.实现 1.创建git分支,clone下源码 git地址创建分支 2.图片上传具有文件选择的功能,所以我完全模仿(抄袭)图片上传报错不慌,全部改完就不报错了 1)在src/config/inde ...
Vue 中实现 excel文件上传功能
场景: 上传excel表,并将excel表中的数据构建成实体 <div class="pull-right" v-if="doc"><el-u ...
VUE+Spring Boot，文件上传el-upload报错--Current request is not a multipart request，记录
做了个简单的文件上传功能,测试时发现报错Current request is not a multipart request,网上查了很多办法,记录一下: 1.最多的:当前请求不是multipart ...

隐藏vue-simple-uploader组件文件上传列表的暂停、开始等操作按钮

隐藏vue-simple-uploader组件文件上传列表的暂停、开始等操作按钮相关推荐

最新文章

热门文章