最近在作培训管理系统中遇到一个问题,需求需点击绑定的数据,将指定的附件下载下来,而且是批量下载(绑定的数据非datagrid,后台拼接的绑定)。html
效果图以下:jquery
大致思路:数组
1.jquery获得选中的绑定数据的id,将这个id赋值到数组中,最后将这个数组的值赋值给页面中建立的隐藏变量ui
2.后台获取到隐藏变量的值,并将它循环数组取值,获得绑定值的下载地址,最后打包下载this
首先html中div根据后台绑定spa
<div id="downloadInfo" runat="server"></div>
其次是下载附件的选择,利用jquery实现,而且将值赋值给页面中的隐藏变量,代码以下:code
// 下载附件的选择 $attach = $("#download-list"); var arr = [] $attach.on('click', '.no', function () { $(this).toggleClass('checked');//设置和移除,选中与不选中 if ($(this).hasClass('checked')) { var guid = $(this).children("#hidAttachGuid").val(); arr.push(guid);//将guid添加到arr数组中 } else {//取消选中时 var guid = $(this).children("#hidAttachGuid").val(); var n = arr.indexOf(guid); if (n != -1) arr.splice(n, 1);//将指定不选中的guid移除arr数组 } $("[id$='arrayGuid']").val(arr); });
由于是后台拼接的,把button也拼接在了后台,后台button 调用jsorm
<button type='button' class='one-download' onclick='download()'>一键下载</button>
function download() { $("#btnDownload").click(); }
js触发隐藏button事件server
<span style="display: none"> <asp:Button ID="btnDownload" OnClick="btnDownload_Click" Text="肯定" runat="server" /> <input type="text" id="arrayGuid" runat="server" /> </span>
后台一键打包下载代码:htm
protected void btnDownload_Click(object sender, EventArgs e) { //ZipFileByCode(); string attachGuid = arrayGuid.Value; string[] sArray = attachGuid.Split(','); List<string> list = new List<string>(); foreach (string i in sArray) { //这里是循环获得指定须要下载的全部id } Download(list, ""+lblCourseName.Text+"相关附件材料.rar"); }
private void Download(IEnumerable<string> files, string zipFileName) { //根据所选文件打包下载 MemoryStream ms = new MemoryStream(); byte[] buffer = null; using (ZipFile file = ZipFile.Create(ms)) { file.BeginUpdate(); file.NameTransform = new MyNameTransfom();//经过这个名称格式化器,能够将里面的文件名进行一些处理。默认状况下,会自动根据文件的路径在zip中建立有关的文件夹。 foreach (var item in files) { file.Add(item); } //file.Add(Server.MapPath("../../BigFileUpLoadStorage/1.png")); file.CommitUpdate(); buffer = new byte[ms.Length]; ms.Position = 0; ms.Read(buffer, 0, buffer.Length); } Response.AddHeader("content-disposition", "attachment;filename=" + zipFileName); Response.BinaryWrite(buffer); Response.Flush(); Response.End(); }
和pageload同层代码
public class MyNameTransfom : ICSharpCode.SharpZipLib.Core.INameTransform { #region INameTransform 成员 public string TransformDirectory(string name) { return null; } public string TransformFile(string name) { return Path.GetFileName(name); } #endregion }
添加组件:http://files.cnblogs.com/files/edisoner/ICSharpCode.SharpZipLib.rar