我试图模拟使用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/

这部分已经完成它似乎你正在尝试做的...你应该能够得到一些好的想法,有没有你的代码(或只使用部分代替)。

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top