我设计了一个使用jquery的输入上传框,我在某处搜索,问题是“浏览”按钮在IE上无效(不可点击)。任何人都可以看看代码并帮助我做我应该做的或调整这个在IE上工作?非常感谢。我在jsfiddle下面包含了html / css / js文件。
答案 0 :(得分:1)
您添加的“浏览”按钮在IE 7/8/9,Chrome或Firefox中无效。你可能会有不同的经历,这会强化我要做的事。
最好使用基于Flash的文件上传来完全替换默认的UI(我相信GMail仍会这样做),或者只保留默认输入,可能是丑陋/不一致。样式文件上传有很多黑客,但没有真正的解决方案(至少我遇到过)。
我发现纯HTML / CSS解决方案的最接近的事情是在文件输入的“浏览”按钮顶部覆盖样式按钮并隐藏其余部分。然后我通过将整个事物放在IFRAME
内来模仿异步功能。这个解决方案确实/仍然可以工作,但我浪费了几个小时的视觉调整,添加了一堆额外的代码来挂钩IFRAME
到包含页面,并增加了整体解决方案的复杂性。任何浏览器的下一次更新都可能会破坏它。
HTML 5确实为文件上传过程提供了更大的灵活性(see here),但此类解决方案尚未得到普遍支持,但仍不一定能解决美学问题。
Drag and drop capabilities可能对您有用,因为您可以完全隐藏文件输入。您可以在较新的浏览器中使用这样的解决方案,并降级到不支持它的旧浏览器上的标准文件输入。
Another example渐进增强。