android多文件上传错误,WebUploader 解决文件多次上传然后报错的问题的问题

文件多次上传有两种情况:

1. 上传前的多次选择,取消

2. 上传成功后,再次选择上传,在选择

我遇到的问题就是第三次上传的时候js报错,后来看了下是文件是undefined,解决思路如下

配置项:

duplicate {Boolean} [可选] [默认值:undefined]去重, 根据文件名字、文件大小和最后修改时间来生成hash Key.

将dupliacate设置为true,  允许文件多次上传

其实有了这个配置就可以了,不过uploader有个getFiles方法,这个方法容易上人产生误解,

通常会认为getFiles方法 获取的是准备要上传的文件,其实不然。API介绍如下:

getFiles

getFiles() ⇒ Array

getFiles( status1, status2, status… ) ⇒ Array

返回指定状态的文件集合,不传参数将返回所有状态的文件。

这里的状态如下:

File.Status

文件状态值,具体包括以下几种类型:

inited 初始状态

queued 已经进入队列, 等待上传

progress 上传中

complete 上传完成。

error 上传出错,可重试

interrupt 上传中断,可续传。

invalid 文件不合格,不能重试上传。会自动从队列中移除。

cancelled 文件被移除。

就是说,只要我们的uploader对象没有重新创建,那它会保存所有选择的文件,

当然我们也有方法,clear一下, 我们看到有这样的方法:

removeFile

removeFile( file ) ⇒ undefined

removeFile( id ) ⇒ undefined

removeFile( file, true ) ⇒ undefined

removeFile( id, true ) ⇒ undefined

参数:

file {File, id}File对象或这File对象的id

移除某一文件, 默认只会标记文件状态为已取消,如果第二个参数为 true 则会从 queue 中移除。

当我们调用了一下removeFile方法后,只是标记了一下这个文件的状态,我们用getFiles方法,其实还是可以看到,

这时我们可以再调用方法:

reset

reset() ⇒ undefined

重置uploader。目前只重置了队列。就可以清除勾选的上传文件了,这个方案是我选择的

success : function(response) {

if(response.responseCode == 0 && response.filePath != null){

$("#videoUrl").val(response.filePath);

uploader.reset();;

$('#state').find("p").text(fileName+"上传成功...");

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值