webUploader选择文件按钮无效

在使用webUploader上传文件时，按官网案例写完代码后，发现选择完文件后，再次点击选择文件按钮没反应，刷新页面后再点击又没有问题了，控制台也并没有代码报错，找了好久也没有找到问题。

后来在文档中发现，这种现象可能是在选择文件之后，程序已经执行完毕。如果需要再次选择文件，需要组件重新渲染或者重新实例化uploader。

使用 uploader.refresh() 完美解决：

// 实例化
var uploader = WebUploader.create({swf: BASE_URL + '/js/Uploader.swf',  // swf文件路径server: 'http://webuploader.duapp.com/server/fileupload.php', // 文件接收服务端pick: '#picker',  // 选择文件的按钮。可选。
});// 当有文件被添加进队列的时候，如果需要再次选择文件，这里需要重新实例化
uploader.on( 'fileQueued', function( file ) {$list.append( '<div id="' + file.id + '" class="item">' +'<h4 class="info">' + file.name + '</h4>' +'<p class="state">等待上传...</p>' +'</div>' );uploader.refresh()； // 重新实例化
});

还有一个情况，例如页面有tab切换，切换到另一个tab页后，选择文件可能也会失效。

解决办法就是，点击tab切换时，执行 uploader.refresh() 重新实例化一下组件，即可解决。

webUploader选择文件按钮无效相关推荐

webuploader在bootstrap模态对话框中选择文件按钮无效的问题
搜了很多,网上主要的说法是当一个元素是hidden时,addbutton绑定是会失败的,所以单击选择文件按钮就无效了而bootstrap模态框一开始是隐藏的,因此必须在其显示完毕后才可以初始化we ...
php按钮打开文件选择框,在Select file(选择)页面单击Select file(选择文件)按钮
第1步,运行WordFix,并单击"Start(开始)"按钮,如图所示. 第2步,进入Word文档恢复向导,在"Select file(选择)"页面单击&quo ...
修改选择文件按钮，变成自己设置的样式
1.所达到的效果: 2.思想: (1)将选择文件的按钮与自己写的按钮重合:此处关键在于fileop的float:left;和left:40px; (2)将选择文件的按钮设置透明化. <style ...
html选择文件按钮美化,css input[type=file] 样式美化，input上传按钮美化
我们在做input文本上传的时候,html自带的上传按钮比较丑,如何对其进行美化呢?同理:input checkbox美化,input radio美化是一个道理的,后面文章会总结. 1. 思路 inp ...
android 选择文件路径无效,Android使用MediaMetadataRetriever类获取视频帧时一直无法正确读取路径文件，iamge显示位null...
满意答案来欧冠0300 2017.04.23 采纳率:57% 等级:8 已帮助:211人从API 8开始,新增了一个类: android.media.ThumbnailUtils这个类提供了 ...
springboot 上传文件解析入库_SpringBoot + easyexcel + WebUploader 实现文件上传并解析
1. WebUploader的使用,引入css和js,css其实没什么用: 2. 定义上传框: 选择文件开始上传 3.相关jquery: // 文件上传 jQuery(function() { va ...
webuploader html5,在Vue项目中使用WebUploader实现文件上传
简介: WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的现代文件上传组件.在现代的浏览器里面能充分发挥HTML5的优势,同时又不摒弃主流 ...
java中实现选择文件_Java 实现文件选择对话框及功能
时间:2018-10-02 概述:文件选择器 Java实现文件选择器,就是大家熟悉的打开文件.选择文件的对话框,本例子分为两部分来进行,一个部分是选择器对话框构建部分,另一部分是文件过滤部分,用于过滤 ...
php file取不到手机相册,webuploader移动端选择文件无法打开手机相册的解决办法...
webuploader移动端选择文件无法打开手机相册的解决办法本文为转载: 原文链接:http://www.juguw.net/article-2325.html webUploader是一款不错的 ...
python tkinter 点击按钮选择文件，返回文件路径
关于python tkinter 点击按钮选择文件,返回文件路径,这个方法我找了好几天,终于曲线救国实现了首先分为两步 1.设计对话框选择文件下面的代码搞了好几天,才发现全局变量的获取,必须放在r ...

webUploader选择文件按钮无效

webUploader选择文件按钮无效相关推荐

最新文章

热门文章