文档章节

webuploader的一些坑

o
 osc_x4h57ch8
发布于 2018/04/24 15:25
字数 574
阅读 0
收藏 0

精选30+云产品,助力企业轻松上云!>>>

项目经理安排一个工作,让写一个文件上传,要求可以上传录音和文本,非常简单,写完之后去客户那里测试发现问题,客户只有IE9,并且要求支持多选,没办法只能再继续找其他的插件了,最后找到了webuploader这个插件。

说实话,这个插件功能很强大,就是有一个问题,api写的太low了,好多内容api中都没有,只能靠自己慢慢发现坑在慢慢填坑了。

1、点击按钮不会出现弹框。

按照api中的例子写了一个简单的上传,但是发现怎么点击都没反应,百思不得其解啊,无意中发现了当按F12时就可以点击了,但是不可能让客户每次都上传都按下F12啊,然后在网上找到了这个问题的原因:WebUploader初始化的时候,封装了一个input,type=‘file’。初始化的时候因为获取不到正确的自身或者容器的大小,这时候初始化出来的这个透明层的大小就会是1px*1px,这么小的层,根本点不到。所以也就触发不了点击事件了,找到问题就好解决了,只需要在css里面加上一段代码:

#filePicker_csv div:nth-child(2){
	width:100%!important;
	height:100%!important;
}

2、删除多条等待数据中的某一条

我踩的坑是写的点击事件怎么都不起作用,解决方案是将该点击事件加入到fileQueued事件中去,代码如下:

$(".scList").on('click',function(){
	var thisID = $(this).parent().parent().attr("id");
	uploader_wav.removeFile(uploader_wav.getFile(thisID,true));
	$(this).parent().parent().remove();
})

3、getFiles添加参数使用

uploader.getFiles() 这个方法获取到的所有的文件,所以当执行第二问题的代码时里面仍然有数据,那么这里就需要往括号里面添加参数了

  • inited 初始状态
  • queued 已经进入队列, 等待上传
  • progress 上传中
  • complete 上传完成。
  • error 上传出错,可重试
  • interrupt 上传中断,可续传。
  • invalid 文件不合格,不能重试上传。会自动从队列中移除。
  • cancelled 文件被移除

这就是我最近踩的坑了,以后碰到了再继续补充吧

o
粉丝 0
博文 500
码字总数 0
作品 0
私信 提问
加载中
请先登录后再评论。

暂无文章

skywalking实现分布式系统链路追踪

一、背景 随着微服务的越来越流行,我们服务之间的调用关系就显得越来越复杂,我们急需一个APM工具来分析系统中存在的各种性能指标问题以及调用关系。目前主流的APM工具有CAT、Zipkin、Pinpo...

燚-焱
10分钟前
9
0
2020最新的Spring Boot 分布式锁的具体实现(内附代码)

前言 面试总是会被问到有没有用过分布式锁、redis 锁,大部分读者平时很少接触到,所以只能很无奈的回答 “没有”。本文通过 Spring Boot 整合 redisson 来实现分布式锁,并结合 demo 测试结...

北柠Java
16分钟前
8
0
Shiro中获取Cookie

自定义shiro的SessionIdCookie 在使用shiro的时候,曾经有段时间很苦恼,因为我cookie的sessionId经常无故被改,然后抛There is no session with id [xxxx]的异常。我们知道,当请求过来,s...

豫华商
17分钟前
9
0
JPA和Hibernate有什么区别? [关闭] - What's the difference between JPA and Hibernate? [closed]

问题: I understand that JPA 2 is a specification and Hibernate is a tool for ORM. 我知道JPA 2是一个规范,而Hibernate是ORM的工具。 Also, I understand that Hibernate has more fea......

富含淀粉
34分钟前
14
0
Java知识回顾-基础知识(2)

局部变量/成员变量: 成员变量是属于类的 局部变量是属于方法的 都可以被final修饰 java中使用new 创建实例对象 方法返回值的作用: 方法的返回值 是指方法中的一系列操作有返回结果 返回值的作...

心田已荒
38分钟前
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部