uplodify上传成功后,删除文件

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中的信息到数据库中即可;

时间: 2024-10-25 00:51:26

uplodify上传成功后,删除文件的相关文章

input[type=file]上传文件(格式判断、文件大小、上传成功后操作)

var isUploadImg = false; //在input file内容改变的时候触发事件******************上传图片 $('#filed').change(function(){ var file = $('#filed').get(0).files[0]; var fileSize = file.size,fileType = file.type; if (file.name.lastIndexOf('.')==-1){ //如果不存在"." $.dialo

PHP:jQuery-File-Upload任意上传/RCE/越权删除文件漏洞分析

前言:学习 任意文件上传漏洞影响的版本: jQuery-File-Upload版本 < v9.22.1 and Apache > 2.3.9(默认不再支持.htaccess) or others 远程命令执行漏洞: 文件越权删除漏洞 可以看下,下面的代码中$success = is_file($file_path) && $file_name[0] !== '.' && unlink($file_path);,这里面如果我们的$file_path能够进行控制的话

ajaxSubmit 上传成功 保存json文件 问题解决

客户要求上传文件同时对返回结果在js中要做处理,发现ajaxform还挺好用的,然后一直在firefox测试都没什么问题, 可是在IE浏览器中执行就提示我保存json文件而没有走我success的方法,网上有说要设置返回格式的类型为text/html可是我的还是不能通过. 然后我就在官网上下了一个最新的试试,引入我最新的js执行,完美通过,高版本就是好一点,兼容性好.BUG率少

断点调试 WebUploader获取文件上传成功路径问题

WebUploader获取文件上传成功路径问题 最近在使用WebUploader的时候,上传文件成功,但是怎么也获取不到返回的图片文件成功路径,上传成功后,返回文件代码如下: uploader.on('uploadSuccess', function (file, response) { var imgurl = response.url; //上传图片的路径 alert(imgurl);}); 之后看一下浏览器调试结果: 可以看到imgurl=undefined,但同时response _ra

处理FTP上传成功推理

#登录FTPserver获取指定文件 #$1:server住址 #$2:帐户 #$3:password #$4:文件路径名 #$5:本地文件路径名 #$6:本地文件名 #比量ftp上传结果: #获取上传后的远程文件大小重定向在本地文件tmp,与本地文件大小比較,同样为上传成功,最后删除本地记录tmp; #推断外部调用函数(如system)运行结果: #运行成功返回为上传的结果:0,运行失败为返回脚本内运行结果或系统调用结果:非0,避免了外部调用一直返回成功:0; #日志改动: #上传后紧接着写日

批处理向FTP上传指定属性的文件 批处理增量备份的例子

使用windows批处理向FTP上传具有指定属性的文件,类似增量备份功能. 对一个目录里的几个文件自动上传FTP时只上传有归档属性的文件,然后FTP上传成功后自动清除(本机)刚上传文件的归档属性. 类似于对文件增量备份的功能. @echo off rem 指定FTP用户名 set ftpUser=FTPUSERNAME rem 指定FTP密码 set ftpPass=FTPPASSWORD rem 指定FTP服务器地址 set ftpIP=192.168.0.2 设置待上传的本地文件夹目录 se

.Net neatupload上传控件实现文件上传的进度条

1. 引入bin文件 (可以到neatupload官网下载,也可以到教育厅申报系统中找) 2. 将控件加入到工具栏,在工具栏中点鼠标右键,如图: 3. 加入neatuplaod这个文件夹(可以到neatupload官网下载,也可以到教育厅申报系统中找) 4. Webconfig的配置(3个地方) <configSections>配置节下配置: <!--配置NeatUpload sectionGroup配置节--> <sectionGroup name="system

FTP文件操作 上传文、 下载文件、删除文件 、创建目录

/// <summary> /// FTP上传文件 /// </summary> /// <param name="fileUpload">上传控件</param> /// <param name="ftpServerIP">上传文件服务器IP</param> /// <param name="ftpUserID">服务器用户名</param> ///

C#实现多文件上传,写到文件夹中,获取文件信息以及下载文件和删除文件

前台:.js //上传附件 function uploadAttachment() { if ($("#Tipbind").attr('checked')) { var ip = $("#TunBandIP").val(); if ($.trim(ip) == 0) { return $.messager.show({ title: '提示', msg: '请先选择IP' }); } $('#ImprotDlg').dialog('open'); uploadFy(