javascript - 如何实例化多个 jQuery 文件上传?

标签 javascript jquery jquery-file-upload

所以基本上,我很难尝试创建多个 jQuery File Uploads .

目前,我的页面上有一个按钮,允许用户创建一个新的 div,其中包含文本输入和一些图表。我想向他们创建的这些新 div 添加文件上传部分,以便他们可以附加图像。可以创建的新 div 数量是无限的。 div 是根据长 Javascript 字符串创建的,并附加到容器的末尾。

我想使用“Basic Plus UI”版本,因为它有更好、更干净的界面。

网站上显示了一些非常基本的说明,说明如何拥有 multiple file upload widgets on the same page ,尽管我不确定这是否可以通过动态创建实现。

我面临的主要问题:上传者将所选图像及其信息附加到其下方的部分。我的代码必须与 $(this) 配合使用,以确保每个上传者与其他上传者完全分开。该插件目前适用于 ID 而不是类,因此我也必须解决这个问题。

当然,我并不是要求任何人为我编写大量代码!只要有一些关于如何解决这个问题的指导就很好了。

最佳答案

据我所知,对于动态创建的对象,您应该通过 $(selector).on(..

例如:

$('.parent_container').on('click', '.btn', function(){
// do something
})
在旧版本的 JQuery 中,

live(..) 代替 on(..)

您可以在这里阅读更多相关内容: https://api.jquery.com/on/

应该有帮助。 。 .

关于javascript - 如何实例化多个 jQuery 文件上传?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21841612/

相关文章:

javascript - 在客户端禁用 HTML 元素 (javascript)

javascript - jquery文件上传插件如何获取服务器发送的响应

javascript - 主干集合: Retrieve distinct values of a collection and sum the distinct values

javascript - 图片点击打开特定图片相册的灯箱

javascript - Javascript 对象中的变量由此设置

javascript - a 的第二个和第三个操作数可以吗? : expression be statements?

javascript - promise 的单一错误处理程序

javascript - 限制文件类型,大小,单个上传在jquery文件上传中不起作用

javascript - JQuery 文件上传未重置

javascript - 展开折叠切换隐藏所有 li 元素