以编程方式触发onclick事件？

Question

我正在尝试使用iframe模拟异步文件上传。 这是我的标记：

<form method="POST" enctype="multipart/form-data" name="change-avatar" action="/dyn/actions/upload?type=profile" target="target-upload">
<input type="file" name="change-avatar-input" style="position: absolute; z-index: 999; cursor: pointer; left: 10px; top: 57px; width: 147px; height: 23px; opacity: 0;"/>
<div style="position: absolute; z-index: 1000; cursor: pointer; left: 10px; top: 57px; width: 147px; height: 23px; opacity: 0;"/>
</form>
<button id="avatar-src" class="browse-button" type="button">Select File to Upload</button>

我已经使用了一个常规按钮，并将输入type = file放在其顶部，并将不透明度设置为0。此输入将提交给隐藏的iframe。 问题在于文件输入会产生意外的光标（预期是指针），并且无法可靠地设置样式。 我通过在0不透明度文件输入上放置另一个0不透明度div并设置样式以产生正确的光标来解决了这个问题。 然后，我设置一个事件处理程序以检测对0 opacity div的单击，然后使用click()以编程方式触发文件输入的onclick事件。

问题是Firefox中似乎不支持object.click() （在IE中按预期工作）。

Answer 1

查看Valums Ajax上传： http ://valums.com/ajax-upload/

该组件已经完成了您要尝试执行的操作……您应该能够在其中获得一些关于代码的好主意（或者只是使用该组件）。