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

图片批量上传预览

发布时间: 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-07-10 21:01:30 浏览:582
json跨域访问 发布:2025-07-10 20:51:37 浏览:870
架设测试服务器怎么做 发布:2025-07-10 20:47:32 浏览:412
lol服务器满载怎么办 发布:2025-07-10 20:31:08 浏览:328
sql2005脚本导出数据 发布:2025-07-10 20:31:05 浏览:112
三星手机服务器停止运行怎么办 发布:2025-07-10 20:21:07 浏览:868
华为手机原厂设置密码多少 发布:2025-07-10 20:19:54 浏览:242
如何重设服务器地址 发布:2025-07-10 20:19:53 浏览:568
bp神经网络算法c 发布:2025-07-10 20:00:00 浏览:700
sqlserver导出mdf 发布:2025-07-10 19:52:55 浏览:673