Javascript jQuery文件上载库:如何通过单击上载单个文件

Javascript jQuery文件上载库:如何通过单击上载单个文件,javascript,jquery,Javascript,Jquery,根据本节,您可以使用add单击按钮上载文件。但是,这会导致用户每次选择文件时都会添加一个额外的“上载”按钮,而我的应用程序只接受一次上载 那么如何实现这一点:当用户第二次单击“选择文件”时,该文件将替换初始文件,并且在任何时候都只有一个上载按钮 谢谢 每次“添加”事件触发时,似乎都会添加一个新按钮,如下所示: $('<button/>').text('Upload').appendTo(document.body) $('').text('Upload').appendTo(do

根据本节,您可以使用
add
单击按钮上载文件。但是,这会导致用户每次选择文件时都会添加一个额外的“上载”按钮,而我的应用程序只接受一次上载

那么如何实现这一点:当用户第二次单击“选择文件”时,该文件将替换初始文件,并且在任何时候都只有一个上载按钮


谢谢

每次“添加”事件触发时,似乎都会添加一个新按钮,如下所示:

$('<button/>').text('Upload').appendTo(document.body)
$('').text('Upload').appendTo(document.body)
您可以通过多种方式防止重新添加按钮,下面是一个简单的示例:

if ($("button:contains('Upload')").length == 0) {
    $('<button/>').text('Upload').appendTo(document.body)
}
if($(“按钮:包含('Upload')))。长度==0){
$('').text('Upload').appendTo(document.body)
}
您可能需要更新代码,以使用提交的新数据重新绑定“click”函数