jQuery文件上传库：如何通过单击单个文件上传

Question

根据本节jQuery-File-Upload Basic plugin documentation，您可以使用add点击按钮上传文件。但是，这会导致每次用户选择文件时都会添加一个额外的“上传”按钮，而我的应用只接受一次上传。

see JS fiddle here

所以如何实现这一目标：当用户第二次点击选择文件时，该文件将替换初始文件，并且随时只有一个上传按钮。

谢谢！

Answer 1

每次使用此行触发“添加”事件时，似乎会添加一个新按钮：

$('<button/>').text('Upload').appendTo(document.body)

您可以通过多种方式阻止重新添加按钮，这是一个简单的示例：

if ($("button:contains('Upload')").length == 0) {
    $('<button/>').text('Upload').appendTo(document.body)
}

您可能需要更新代码以使用提交的新数据重新绑定“点击”功能。