文件上传刷新问题Hayageek jquery

时间:2014-04-08 14:09:27

标签: javascript php jquery ajax jquery-plugins

我正在使用带有表单的hayageek jquery文件上传插件,该表单用于创建事件集。每个事件集最多可包含5个文件。表单使用ajax调用发布数据。创建新事件集时,上传器会抛出错误"只允许5个文件",因为文件限制已用于上一组。所以我每次都被迫刷新页面来创建一个新的事件集。我想在没有页面刷新的情况下重置文件上传器,不知道如何使用此插件执行此操作。这是我正在使用的代码:

$("#fileuploader").uploadFile({
         url: "upload.php",
             dragDrop: true,
             fileName: "myfile",
             returnType: "json",
             maxFileSize:1024*5120,
             maxFileCount:5,
             allowedTypes:"jpg,png,pdf",
             showDelete: true,
             deleteCallback: function (data, pd) {
                for (var i = 0; i < data.length; i++) {
                    $.post("updel.php", {op: "delete",name: data[i]},
                    function (resp,textStatus, jqXHR) {
                    //Show Message  
                    alert("File Deleted");
                   });           
                 }
              pd.statusbar.hide(); 
             }
     });

有人可以帮助我................

1 个答案:

答案 0 :(得分:0)

此解决方法解决了我的问题:

    var j=0;
$("#fileuploader").uploadFile({
            url: "upload.php",
                dragDrop: true,
                fileName: "myfile",
                returnType: "json",
                maxFileSize:1024*5120,
                // maxFileCount:5,
                allowedTypes:"jpg,png,pdf",
                showDelete: true,
                deleteCallback: function (data, pd) {
                   for (var i = 0; i < data.length; i++) {
                        $.post("updel.php", {op: "delete",name: data[i]},
                        function (resp,textStatus, jqXHR) {
                               //Show Message   
                               alert("File Deleted");
                               });
                        }
                        pd.statusbar.hide(); //You choice.
               },
               onSelect:function(files) {  
                    files[0].name;
                    files[0].size;
                alert(files.length);
                j=j+files.length;
                if(j<=5){
                         return true; //to allow file submission.
                }
           else {
          alert("limit exceeded");
          return false;
           }
            }
         });