我正在构建一个将文件上传到不同文件夹的应用。要更改文件夹,我有一个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
菜单中的每次更改中清除文件列表
答案 0 :(得分: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();