码迷,mamicode.com
首页 > Web开发 > 详细

uplodify上传成功后,删除文件

时间:2016-03-26 17:14:53      阅读:326      评论:0      收藏:0      [点我收藏+]

标签:

uplodify控件用于web上传很方便,上传之前,添加到了队列中,若需要删除,官网手册提供了onCancel事件。但是,如果在BS的公告系统中,往往要求实现像邮箱中上传一样,自动上传。若用户需要删除刚刚上传的文件,怎么把最终的文件信息存数据库中呢?

解决办法:

1、首先,在onUploadSuccess事件中记下上传的文件信息

 1   onUploadSuccess: function (file, data, response) {
 2 
 3                 data = jQuery.parseJSON(data);
 4 
 5                 me.fileData[file.name] = {
 6                     fileId: file.id,
 7                     fileName: file.name,
 8                     fileSize: file.size,
 9                     fileType: file.type,
10                     fileLink: data.msg.url,
11                 };
12                 me.value = escape(jQuery.toJSON(me.fileData));
13 }

2、为删除<a>标签添加click事件:

 1         $("#fileQueue .cancel").live(‘click‘, function () {
 2             var fileId = this.parentElement.parentElement.id;
 4             jQuery.each(Fileupload.fileData, function (name, element)
 5             {
 6                 if (element.fileId == fileId)
 7                 {
 8                     delete Fileupload.fileData[name];
 9                     return;
10                 }
11             });
12 });

通过遍历fileData然后找到其中id匹配的,然后删除其中的信息;

3、当用户保存公告时候,只需要ajax请求上传FileData中的信息到数据库中即可;

uplodify上传成功后,删除文件

标签:

原文地址:http://www.cnblogs.com/whitewolves/p/5323191.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!