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

图片批量上传预览

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

热点内容
ftp是做什么的 发布:2025-02-23 05:34:48 浏览:778
城市民宿有哪些配置 发布:2025-02-23 05:34:42 浏览:310
go编程基础 发布:2025-02-23 05:34:41 浏览:711
相册在哪里找迷你世界密码 发布:2025-02-23 05:34:03 浏览:210
python提取段落 发布:2025-02-23 05:26:27 浏览:435
御2无法缓存 发布:2025-02-23 05:21:36 浏览:711
linux路由追踪 发布:2025-02-23 05:20:03 浏览:828
pythonhtml表格数据 发布:2025-02-23 05:05:07 浏览:249
超级访问谢兰夫妻视频 发布:2025-02-23 04:52:58 浏览:76
vb九九乘法表编程 发布:2025-02-23 04:28:48 浏览:283