javascript - jQuery 文件上传库 : how to upload with a click for a SINGLE file

Question

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

see JS fiddle here

如何实现这一目标:当用户第二次单击“选择文件”时，该文件将替换初始文件，并且任何时候都只显示一个上传按钮。

谢谢!

Answer 1

看起来每次“Add”事件触发时都会添加一个新按钮:

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

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

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

您可能需要更新代码才能将“点击”功能与提交的新数据重新绑定(bind)。