javascript - Valum 的 Ajax 文件 uploader - 绑定(bind)到给定类的所有元素

Question

我正在尝试使用 Valum 的文件上传脚本 ( http://valums.com/ajax-upload/ ) 来允许创建允许文件上传的链接。

我正在使用 jQuery 库。

使用标准文档让页面上的一个链接正常工作很简单，但现在我希望能够捕获给定类的所有链接，而不是静态分配给给定元素。

此外，我的网站使用 Ajax 页面加载，因此我需要能够以某种方式将上传者分配给新的 Ajax 加载内容。

设想的用途是允许在 Ajax 加载的页面中创建这样的链接并让它触发 uploader :

<a href="#" class="uploader">Upload a file</a>

我的第一个想法是使用 jQuery live() 方法尝试绑定(bind)类，但我找不到合适的事件来触发。

有人有处理过此类问题的经验吗？

Answer 1

不，<input type="file"> 并不那么容易， 很遗憾。由于一些安全问题，IE(甚至 IE9!)只是不允许您使用此元素“摆弄”提交表单 - 当人为地引发“单击”、“更改”或任何其他事件时。

所以这个插件的工作方式有所不同。不是创建一个事件处理程序来“重新路由”用户单击到动态创建的某个 fileinput 元素，而是围绕作为其目标给出的链接创建包装器结构 - 并且 fileinput 就在那里插入，隐藏得足以让用户看不到它 - 但足以让浏览器注册对其的点击(查看源代码中的 this method 和 this article 了解详细信息)。

底线是，您不能在这里使用事件处理委托(delegate):唯一明智的方法是也使用该插件包装新创建的元素。