// item selection
$('li').click(function () {
$(this).toggleClass('selected');
if ($('li.selected').length == 0)
$('.select').removeClass('selected');
else
$('.select').addClass('selected');
counter();
});
// all item selection
$('.select').click(function () {
if ($('li.selected').length == 0) {
$('li').addClass('selected');
$('.select').addClass('selected');
}
else {
$('li').removeClass('selected');
$('.select').removeClass('selected');
}
counter();
});
// number of selected items
function counter() {
if ($('li.selected').length > 0)
$('.send').addClass('selected');
else
$('.send').removeClass('selected');
$('.send').attr('data-counter',$('li.selected').length);
}
选中状态为
加个按钮能点击下载选中的图片,全部下载,打包处理下载之类的
讲选择的图片地址回发服务器,服务器进行图片打包为zip文件后进行下载,要不图片文会直接打开图片而不是下载
如果你用考虑ie和批量下载,而是单个下载,你可以选中后显示一个连接连接图片文件,给连接增加download属性可以直接下载
<a href="xxxxxx.jpg" download="xxx.jpg">下载</a>
download属性有兼容,不是所有浏览器支持