uploadify-无刷新图片批量上传插件-.net 下批量上传图片并且保存数据到数据库
|
![]() |
![]() |
![]() |
| 【性价之王】 | 【线路之王】 | 【价格之王】 | 【配置之王】 |
| 【免费之王】 | 【香港首推】 | 【梯子之王】 | 【独服之王】 |
前段时间做项目,后台管理中要用到图片批量上传,在网上搜索了一下,发现一般都是用的 flash 上传插件,不外乎就是 swfupload 与 uploadify 等。网上的例子大多讲到了怎么实现批量上传而没说明用到后台管理上要怎么同时更新数据库。
琢磨了半天在某网站看到一句话而豁然开朗。暂时采用的变通方法如下:
1.workadd.aspx 页面(作品添加页面,包含作品名称,作者,作品内容等)。
本页面中的作品内容一栏要求一次选取多张图片,批量上传。
前台部分代码:
head 处代码(注意引用路径):
<link h="/uploadify/uploadify.css" type="text/css" rel="stylesheet" /> <script type="text/javascript" src="/uploadify/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="/uploadify/swfobject.js"></script> <script type="text/javascript" src="/uploadify/jquery.uploadify.v2.1.4.min.js"></script>body 中作品内容处代码(注意引用路径):
<div class="wrapper"> <div id="fileInput1"> </div> </div> <script type="text/javascript"> $("#fileInput1").uploadify({ 'uploader': '/uploadify/uploadify.swf', 'script': '<%=temp %>', 'cancelImg': /uploadify/cancel.png', 'fileExt': '*.jpg;*.gif;*.png', 'fileDesc': 'Image Files', 'auto': true, 'multi': true }); </script> 此处的 js 都按照正常配置即可,注意路径要写准确了,需要注意的是‘script’:‘<%=temp%>’这里,这里是指定处理上传的文件路径的,一般为 upload.ashx/upload.aspx 等等。
这里这样写是要在后台给动态生成个带唯一参数的路径。
后台部分代码:
page_load:
public string temp = "upload.aspx?sn=0"; DataSet ds = new DataSet(); protected void Page_Load(object sender, EventArgs e) { if (!Page.IsPostBack) { txt_CaseTime.Text = System.DateTime.Now.ToString("yyyy-MM-dd hh:mm:ss"); string sn = lbl_ID.Text = System.DateTime.Now.ToString("yyyyMMddhhmmss"); temp = "upload.aspx?sn=" + sn; } }此处代码是动态生成带唯一参数的路径,这个参数要在使用 upload.aspx 批量上传图片时用到。我图省事就直接获取系统时间生成个唯一参数。
完整信息(就是作品名称,作品信息都填完后的)提交事件:
string s_Content = null; ds = DbHelperOleDb.Query("select * from [temp] where temp_sn='"+ lbl_ID.Text + "'"); if (ds != null && ds.Tables.Count > 0) { if (ds.Tables[0].Rows.Count > 0) { for (int i = 0; i < ds.Tables[0].Rows.Count; i++) { s_Content = ds.Tables[0].Rows[i][1].ToString() +"|"+ s_Content ; } } }这块代码要结合下面的 2.upload.aspx 代码解释,就是在 upload.aspx 页面把处理完图片批量上传,并把每一张图片作为一条记录加上统一的唯一的参数 sn 做为 ID 插入到临时 temp 表中之后。
本页面再按照 page_load 中生成的唯一参数 sn 去 temp 临时表中去读取该 sn 下的记录然后循环写成一个字段插入到 work 表中~
2.upload.aspx 页面(与 flash 插件结合处理图片批量上传)
using System; using System.Collections; using System.Configuration; using System.Data; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.HtmlControls; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Data.OleDb; using System.IO; public partial class m_admin_files_upload : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { string sn = Request.QueryString["sn"].ToString(); if (sn.Length > 14) sn = sn.Substring(0,14); try { //获取上传的文件数据 HttpPostedFile file = Request.Files["Filedata"]; string fileName = file.FileName; string fileType = Path.GetExtension(fileName).ToLower(); //由于不同浏览器取出的 FileName 不同(有的是文件绝对路径,有的是只有文件名),故要进行处理 if (fileName.IndexOf(' ') > -1) { fileName = fileName.Substring(fileName.LastIndexOf(' ') + 1); } else if (fileName.IndexOf('/') > -1) { fileName = fileName.Substring(fileName.LastIndexOf('/') + 1); } //上传的目录 string uploadDir = "~/uploadfile/" + System.DateTime.Now.ToString("yyyyMM") + "/"; //上传的路径 if (Directory.Exists(Server.MapPath(uploadDir)) == false) { Directory.CreateDirectory(Server.MapPath(uploadDir)); } if (Directory.Exists(Server.MapPath(uploadDir + System.DateTime.Now.ToString("dd") + "/")) == false) { Directory.CreateDirectory(Server.MapPath(uploadDir + System.DateTime.Now.ToString("dd") + "/")); } uploadDir = uploadDir + System.DateTime.Now.ToString("dd") + "/"; string uploadPath = uploadDir + MD5.strToMD5(fileName).Substring(0,8) + fileType; //保存文件 file.SaveAs(Server.MapPath(uploadPath)); //下面这句代码缺少的话,上传成功后上传队列的显示不会自动消失 DbHelperOleDb.ExecuteSql("insert into [temp](temp_sn,temp_Content) values('" + sn + "','" + uploadPath + "')"); //Response.Write("1"); } catch { //Response.Write("0"); } } }其实这个只是在官方 DEMO 的基础上增加了一点小功能,获取 workadd.aspx 中 flash 插件批量上传事件触发后传来的唯一参数 sn,并且把每一张图片与 sn 都作为一条独立的记录存储到临时表 temp 中。这样就实现了.NET 下使用 uploadify 无刷批量上传图片并且保存数据到数据库的功能了。
这是站长在 2011 年发表在博客园的一篇原创文章,后来工作忙也就不再写博客了,最近又翻出来发现这么多年过去仍然有人在求 demo,而原来提供的 demo 下载地址已经失效了,所以就转帖到 IT 零五,并且重新提供 DEMO 下载链接,如果有什么疑问你可以在文章下方留言,我每天都会看这个网站。
点击下载.net 下 uploadify 无刷新批量上传图片并且保存数据到数据库 DEMO,解压密码:it.02405.com
猜你可能想看的VPS
- 弘速云:4月特惠,美国GIA/香港CN2云主机首月5折,首月12.5元起 美国VPS[主机]
- 柚子互联:香港CN2云服务器/带宽5M/500G流量/KVM,34元/月 香港VPS[主机]
- 云服务器都是有哪些特点? 全球[VPS测评]
- 快速云:云计算分类和云计算的特点 全球[VPS测评]
- 向日葵-漏洞科普:海外云服务器三种漏洞修复方法快收藏起来! 全球[VPS测评]
- CombCloud,香港沙田cn2vps终身七折起,高质量网络稳定低延迟 香港VPS[主机]
- 源云主机,香港沙田VPS CN2 1核1G 24/月 NTT 50M 9 香港VPS[主机]
- kvmcloud怎么样?香港BGP云服务器 月付12.9元 香港VPS[主机]
- 磐逸云怎么样?1核1G香港安畅CN2 VPS带宽5M年付128元 香港VPS[主机]
- 搬瓦工:美国香港cn2 gia线路VPS,10Gbps带宽,移动+联通企 美国VPS[主机]
- 蓝米云:美国cera vps/香港cn2vps套餐,1核2G/40G/1 美国VPS[主机]
- 亿速云11.11上云狂欢节活动:2核4G国内/香港云服务器,价格999元 香港VPS[主机]
- 六一云:香港CN2/洛杉矶高防/CDN,“返利+折扣”双优惠,折上折送实 香港VPS[主机]
- 八点云主机怎么样?香港2核4G5M带宽云主机,98元/月;国内4核8G云 香港VPS[主机]
- UCloud优刻得云服务器建站教程:香港云服务器购买优惠方法 香港VPS[主机]
- 青叶云怎么样?青叶云国内/国外弹性云服务器价格,海外vps低至25.6元 全球[VPS测评]
- 奇异互动:香港2核4G5M云服务器仅83元/月,700元/年;裸金属服务 香港VPS[主机]
- 云米科技:香港/美国/日本等海外免备案vps云服务器,最低13元/月 日本VPS[主机]
- 千古互动:香港vps,1核/1G/20M,月付35元起;挂机宝5元/月起 香港VPS[主机]
- 百星数据:全场云服务器7折优惠,美国cn2/香港cn2/韩国cn2/日本 日本VPS[主机]
- 麻花云:香港CN2云服务器首月9元起;安徽移动BGP云主机月付29元起 香港VPS[主机]
- 特网云:新上香港高防云主机,金盾防护无视CC,恶意流量攻击防护 香港VPS[主机]
- VoLLCloud:香港200Mbps不限速大宽带VPS,免费vps领取 香港VPS[主机]
- MineServer:日本CN2云服务器,2核/2G/15Mbps,年付 日本VPS[主机]
- Linx宝塔面板nginx禁止ip访问(防恶意解析)教程 全球[VPS测评]
- 恒创科技:海外全球大促,香港美国服务器,全场低至3折限量首购 美国VPS[主机]
- LiCloud:香港CN2线路云服务器,100Mbps大带宽,6折优惠中 香港VPS[主机]
- 精编案例丨游戏行业转型升级迫在眉睫,云计算助力打造下一代游戏体验 全球[VPS测评]
- 七安云怎么样?香港CN2+BGP线路VPS 1核1G10M 16/月 香港VPS[主机]
- 麻花云怎么样?安徽移动vps月付29元/香港vps月付21元 香港VPS[主机]
转载请注明原文地址: http://140.238.13.167:12355/read-208827.html











