当前位置:首页 » 文件管理 » 图片批量上传预览

图片批量上传预览

发布时间: 2025-02-22 23:18:42

Ⅰ 我需要一个js或者jquery能批量上传图片+预览的功能。急~~~急~~~急~~

WebUploader项目,符合你的要求。

//文件上传过程中创建进度条实时显示。
uploader.on('uploadProgress',function(file,percentage){
var$li=$('#'+file.id),
$percent=$li.find('.progressspan');

//避免重复创建
if(!$percent.length){
$percent=$('<pclass="progress"><span></span></p>')
.appendTo($li)
.find('span');
}

$percent.css('width',percentage*100+'%');
});
//文件上传成功,给item添加成功class,用样式标记上传成功。
uploader.on('uploadSuccess',function(file){
$('#'+file.id).addClass('upload-state-done');
});

//文件上传失败,显示上传出错。
uploader.on('uploadError',function(file){
var$li=$('#'+file.id),
$error=$li.find('div.error');

//避免重复创建
if(!$error.length){
$error=$('<divclass="error"></div>').appendTo($li);
}

$error.text('上传失败');
});

//完成上传完了,成功或者失败,先删除进度条。
uploader.on('uploadComplete',function(file){
$('#'+file.id).find('.progress').remove();
});

更多细节,请查看js源码

热点内容
如何提前配置仓位 发布:2025-05-03 22:33:48 浏览:675
按键精灵安卓ftp 发布:2025-05-03 22:33:02 浏览:833
手机突然存储空间不足 发布:2025-05-03 22:23:23 浏览:535
苹果和安卓荣耀榜哪个好上 发布:2025-05-03 22:12:24 浏览:193
安卓怎么选择cellid 发布:2025-05-03 22:11:40 浏览:548
vc编译dll文件 发布:2025-05-03 22:10:31 浏览:776
编程隔离线 发布:2025-05-03 22:08:50 浏览:748
java版我的世界生存服务器地址 发布:2025-05-03 22:07:52 浏览:441
linuxqt运行 发布:2025-05-03 22:06:15 浏览:302
安卓朋友圈如何只发文字 发布:2025-05-03 21:58:48 浏览:559