百度webuploader0.1.5多实例bug修复

WebUploader0.1.5多实例bug修复(webupload.js约949行处,具体已实际为准,如使用的为压缩版.min.js根据代码查找),加入if判断的内容(可能需要根据实际使用情况灵活变更):
Bug说明:出现问题,当有3个及以上实例时,先上传后面的实例会导致第一实例中的file按钮位置变化到“ 图片上传”按钮层的上方,导致点击
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
下面是一个简单的百度WebUploader使用的代码案例: 1. 引入WebUploader的相关资源文件: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>WebUploader示例</title> <link rel="stylesheet" type="text/css" href="http://cdn.staticfile.org/webuploader/0.1.5/webuploader.css"> </head> <body> <!-- 文件上传区域 --> <div id="uploader"> <div class="queueList"> <div id="fileList" class="queueList"> <!-- 用来存放文件信息 --> </div> <div class="statusBar" style="display:none;"> <!-- 进度条等信息展示 --> </div> </div> <div class="uploadBtn"> <button id="startUpload">开始上传</button> </div> </div> <!-- 引入WebUploader的JS文件 --> <script type="text/javascript" src="http://cdn.staticfile.org/webuploader/0.1.5/webuploader.js"></script> <script type="text/javascript"> // 在这里编写WebUploader的相关代码 </script> </body> </html> ``` 2. 初始化WebUploader并配置相关参数: ```javascript <script type="text/javascript"> // 初始化WebUploader var uploader = WebUploader.create({ // 选完文件后,是否自动上传 auto: false, // 文件接收服务端 server: 'upload.php', // 选择文件的按钮 pick: '#filePicker', // 文件上传请求的参数表 formData: { uid: 123 }, // 是否允许重复上传同一个文件 duplicate: true }); // 添加文件到上传队列 uploader.addFile(file); // 当文件被加入队列之前触发 uploader.on('beforeFileQueued', function(file) { // 对文件进行一些预处理操作 console.log('beforeFileQueued: ', file); }); // 当文件被加入队列以后触发 uploader.on('fileQueued', function(file) { // 更新文件列表的展示 console.log('fileQueued: ', file); }); // 文件上传成功后触发 uploader.on('uploadSuccess', function(file, response) { // 处理上传成功的回调 console.log('uploadSuccess: ', file, response); }); // 开始上传按钮点击事件 document.getElementById('startUpload').onclick = function() { uploader.upload(); }; </script> ``` 以上是一个简单的百度WebUploader使用的代码案例,通过引入WebUploader的资源文件和初始化配置参数,可以实现文件上传功能,并对上传过程中的一些事件进行响应和处理。需要根据实际情况进行适当的修改和扩展。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值