UploadiFive文件从服务器删除上传的文件?

时间:2013-11-21 17:27:50

标签: jquery uploadify

我上传了上传器,当用户点击X按钮时我必须从服务器中删除文件。有任何想法吗? :)谢谢!

上传文件内容的

http://prntscr.com/25qdla屏幕截图。

当前代码:

                $('#file_upload').uploadifive({
                    'formData'     : {
                        'timestamp' : '<?php echo $timestamp;?>',
                        'token'     : '<?php echo md5('unique_salt' . $timestamp);?>'
                    },    
                    'fileSizeLimit' : '500MB',  
                    'itemTemplate' : '<p class="files uploadifive-queue-item"><i onclick="removeFile()" class="ico close" style="cursor: pointer;" title="<?=$this->lang->line('modadd_4_filespan_delete');?>"></i><span class="filename"></span><span class="fileinfo"></span></p>',
                    'queueID'      : 'ify_queue',
                    'uploadScript' : 'uploaders/wv_ify',
                    'buttonText'   : '<a style="margin-top: -7px; margin-left: -16px; height: 38px; width: 132%; cursor: pointer;"><?=$this->lang->line('modadd_4_files_button_text');?></a>',
                    'method'   : 'post',
                    'fileTypeExts' : '*.rar;*.zip;*.7z;*.scs;',  
                    'onUpload' :function(file) {
                        $("#msg_error_display, #msg_success_display").hide();
                        $("#msg_error_display").fadeIn(100, function(){
                            $(this).find('span').html("<?=$this->lang->line('modadd_4_uploading_files');?>");
                        });
                        checker = 0;
                    },
                    'onQueueComplete':function(file, data) {
                        $("#msg_error_display, #msg_success_display").hide();
                        if(checker == 0){
                            $("#msg_success_display").fadeIn(100, function(){
                                $(this).find('span').html("<?=$this->lang->line('modadd_4_uploading_files_end');?>")
                            });
                        } else if(checker == 1){
                            $("#msg_error_display").fadeIn(100, function(){
                                $(this).find('span').html("<?=$this->lang->line('modadd_4_uploading_files_stop');?>")
                            });
                        }
                    },
                    'onError' : function(errorType) {
                        $("#msg_error_display, #msg_success_display").hide();
                        checker = 1;
                    },
                    'onProgress' : function() {
                        console.log(e.bytesloaded);
                    },                      
                    'onUploadComplete' : function() {
                        console.log($('.uploadifive-queue-item').find(".fileinfo").html(""));
                        $("#no_files_uploaded").hide();
                        uploaded_files += 1;
                        all_uploaded_files += 1;
                    }
                });

1 个答案:

答案 0 :(得分:1)

我有同样的问题, 我们有2个属性uploadScript和checkScript,我认为可能有像removeScript这样的属性我们实现了一个删除文件的脚本。

但是怎么回事,

我们可以使用一些ajax实现onCancel事件来调用这个脚本,你可以创建这样的代码(在你的代码上添加onCancel):

$('#file_upload').uploadifive({
   // Other Atributes and Methods

   // onCancel event implement with ajax to remove files
   // the argument "file" has many attributes 
   // how name, which you use to delete file on server
   // remeber argument file is an json object
   onCancel : function(file) {
       $.post('ajax-method-with-delete.php',file)
   } 
});