jQuery文件上传库:如何点击单个文件进行上传

jQuery File Upload library: how to upload with a click for a SINGLE file

本文关键字:文件 单个 何点击 jQuery      更新时间:2024-05-26

根据本节jQuery File Upload Basic插件文档,您可以使用add点击按钮上传文件。然而,这导致每次用户选择文件时都会添加一个额外的"上传"按钮,而我的应用程序只接受一次上传。

见JS小提琴这里

那么如何做到这一点:当用户第二次单击"选择文件"时,该文件将替换初始文件,并且任何时候都只有一个上传按钮。

谢谢!

每次"添加"事件触发时,似乎都会添加一个新按钮:

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

你可以通过多种方式阻止重新添加按钮,这里有一个简单的例子:

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

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