Question

我正在构建一个将文件上传到不同文件夹的应用。要更改文件夹，我有一个select菜单，为此我有一个jQuery函数，可以加载不同的文件夹进行上传。

上传本身运行正常，但问题是，每次select菜单中该特定文件夹中的项目都会附加到列表中，如果我更改了select菜单中的文件夹，列表变得越来越大。

每次更改/更新select菜单时，我都想完全重新加载fileuploader。

这是我的更改功能的外观

$("#test55").change(function () {  

    //Get value from the select menu
  var value = $("#test55").val();


    //Read the configuration file for the uploader
  $.getScript("/js/bluimp/js/main.js", function(data, textStatus, jqxhr) {

  });

  //Sets a sessions variable so the script knows where to save the file
  $.post("/js/bluimp/server/php/process.php", { q: value }, function(data) {
    console.log(data);
  });

}).change();

我尝试在change-function中使用内置的$('#fileupload').fileupload('destroy');函数，但这会阻止它加载。

摘要：我想在每次更改select菜单时完全重新加载整个插件。如果无法重新加载插件，我需要在select菜单中的每次更改中清除文件列表

Answer 1

所以，我想我每次菜单更改时都可以手动清空表格。这是完整的脚本：

$("#test55").change(function () {  

   //++New line // Removes old table rows.
  $(".template-download").remove();
    //Get value from the select menu
  var value = $("#test55").val();


    //Read the configuration file for the uploader
  $.getScript("/js/bluimp/js/main.js", function(data, textStatus, jqxhr) {

  });

  //Sets a sessions variable so the script knows where to save the file
  $.post("/js/bluimp/server/php/process.php", { q: value }, function(data) {
    //$('#form').slideUp('slow');
    console.log(data);
  });

  $('.fileupload').fileupload({
        // Uncomment the following to send cross-domain cookies:
        //xhrFields: {withCredentials: true},
        url: '/js/bluimp/server/php/'
    });
}).change();

重新加载Blueimp jQuery文件上传

1 个答案: