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

图片批量上传预览

发布时间: 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源码

热点内容
java返回this 发布:2025-10-20 08:28:16 浏览:724
制作脚本网站 发布:2025-10-20 08:17:34 浏览:990
python中的init方法 发布:2025-10-20 08:17:33 浏览:699
图案密码什么意思 发布:2025-10-20 08:16:56 浏览:855
怎么清理微信视频缓存 发布:2025-10-20 08:12:37 浏览:756
c语言编译器怎么看执行过程 发布:2025-10-20 08:00:32 浏览:1097
邮箱如何填写发信服务器 发布:2025-10-20 07:45:27 浏览:329
shell脚本入门案例 发布:2025-10-20 07:44:45 浏览:205
怎么上传照片浏览上传 发布:2025-10-20 07:44:03 浏览:894
python股票数据获取 发布:2025-10-20 07:39:44 浏览:854