编程触发onclick事件?
-
13-09-2019 - |
题
我试图模拟使用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>
我已采取常规按钮和放置在它的上面的输入类型=文件和设置不透明度为0。此输入提交给一个隐藏的iframe中。问题是该文件输入产生意想不到的光标(预期为指针),并不能可靠样式。我下另一0不透明格在0不透明性文件输入解决了这个问题,并认为风格产生正确的光标。然后我设置的事件处理程序,以检测在0不透明度的div这反过来编程触发文件输入使用click()
的onclick事件的点击。
问题是object.click()
似乎并不在Firefox(如预期在IE作品)被支持。
解决方案
查看Valums阿贾克斯上传: http://valums.com/ajax-upload/
这部分已经完成它似乎你正在尝试做的...你应该能够得到一些好的想法,有没有你的代码(或只使用部分代替)。
不隶属于 StackOverflow