知识分类
后端
前端
设计
开源组件/产品
APP
其他
广告招募

webuploader大文件上传,在隐藏的元素下不能使用的问题

管理员
发布于:2023-05-11 11:59:15

什么是webuploader?

WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的现代文件上传组件,采用大文件分片并发上传,极大的提高了文件上传效率。

具体的使用方法请参考官方文档。这里记录一些使用过程中可能会出现的一些问题:

1.如果在隐藏的元素下使用webuploader,会发现不能选择文件上传。解决方法如下:

在隐藏元素显示后在调用webuploader.refresh即可,代码如下:

var uploader = new WebUploader.Uploader({
    swf: 'path_of_swf/Uploader.swf'

    // 其他配置项
});


//绑定的元素显示后执行
uploader.refresh();

2.如果在bootstrap的模态窗中使用这个控件方法,同样是模态窗显示后执行webuploader.refresh,但是需要注意的是,要侦听模态窗的shown.bs.modal的方法 而不是 show.bs.modal,解释如下:

show.bs.modal 窗口打开时执行

shown.bs.modal 窗口打开完成后执行

代码如下:

var uploader = new WebUploader.Uploader({
    swf: 'path_of_swf/Uploader.swf'

    // 其他配置项
});

$("#modal").on("shown.bs.modal", function () {
    uploader.refresh();
})
上一篇:elementui中el-drawer存放子组件 子组件mounted只执行一次的解决方案
下一篇:在uniapp里使用VUE3的setup语法糖,怎么没有了onLoad和onShow方法?如何使用onLoad和onShow方法?
搜索内容
最新文章
  • 什么是GEO生成式引擎优化?和SEO
  • 如何保证文件上传安全?
  • Go语言时间格式为什么和其他语言不一
  • 软件许可协议有哪些?之间的区别是什么
  • FrameCoder非可站群框架支持
  • git忽略文件.gitignore,
  • 什么AI模型上下文协议(MCP)?M
  • 为什么有些页面的图片看不见?可能是被
  • 什么是AI智能体?AI智能体能做什么
  • 国内AI大模型有哪些?各模型间对比如
精彩文章
  • 1 MSYS2中安装使用GCC的正确方法
  • 2 Layui 怎么样更换主题颜色?
  • 3 vscode用一个插件快速生成Vue
  • 4 连接WIFI出现无Internet
  • 5 FrameCoder非可,基于web
  • 6 3步教你如何修改uniapp but
  • 7 JavaScript 判断对象是否为
  • 8 OBS在银河麒麟或ubuntu等核心
  • 9 什么是PHP站群以及使用php开源框
  • 10 小程序真机调试 报错 define
工信部备案:苏ICP备2023011827号-1
苏公网安备 32111202000338号