jQuery文件上传库:如何点击单个文件进行上传
jQuery File Upload library: how to upload with a click for a SINGLE file
根据本节jQuery File Upload Basic插件文档,您可以使用add
点击按钮上传文件。然而,这导致每次用户选择文件时都会添加一个额外的"上传"按钮,而我的应用程序只接受一次上传。
见JS小提琴这里
那么如何做到这一点:当用户第二次单击"选择文件"时,该文件将替换初始文件,并且任何时候都只有一个上传按钮。
谢谢!
每次"添加"事件触发时,似乎都会添加一个新按钮:
$('<button/>').text('Upload').appendTo(document.body)
你可以通过多种方式阻止重新添加按钮,这里有一个简单的例子:
if ($("button:contains('Upload')").length == 0) {
$('<button/>').text('Upload').appendTo(document.body)
}
您可能需要更新代码,以便使用提交的新数据重新绑定"点击"功能。
相关文章:
- 在不破坏未定义函数的情况下,对多个视图使用单个js文件
- 仅使用文件对象选择单个文件
- 在ES6中,模块将导致多个网络调用,因为两个模块不能在单个文件中定义
- 使用Gulp手柄部分编译为单个HTML文件
- 尝试从csv文件中检索单个值时出现问题
- 使用单个按钮上传文件
- 使用 grunt 检查单个 javascript 文件时如何解决依赖关系
- 需要来自单个JS文件的多个子模块与节点/组件.js
- 如何使用 Gulp 和 gulp 数据从单个 jade 模板生成多个 html 文件
- 单个页面上的多个音频文件javascript
- Grunt imagemin-观察多个文件/文件夹优化单个文件
- 使用PHP将png/svg导出为单个png文件
- Vue.js:如何在单个文件组件中指定道具
- 如何根据URL参数生成包含JS内容的单个HTML文件
- Dropzone.js-上传文件夹结构和单个文件
- 何时应从单个缩小的JavaScript文件中排除文件
- jQuery文件上传库:如何点击单个文件进行上传
- 在单个文件中需要js和多个已编译的Handlebar.js模板
- TypeScript 1.8,多个.ts文件中的单个文件-应用程序结构
- 用JavaScript读取本地文件:单个文件等价于files属性