javascript - 样式化文件输入，使其看起来像图像

Question

我有一个表单，上面有上传照片输入。我想拥有它，以便人们单击图像并出现浏览文件夹对话框。所以我今天早上开始寻找如何做到这一点。

所以现在我知道，出于安全原因，这并不像我希望的那么容易。但是，显然您可以制作一个大小与输入字段大致相同的图像，将其设置在与输入相同的位置并将输入不透明度设置为零。

这一切都很好，但在 IE7 中存在一个问题，您可以在其中直接在文件输入的文本字段中键入内容。此外，您只能拥有与这些输入尺寸相同的图像。

我很高兴找到 another solution使用相同的想法，您可以拥有任意大小的图像，然后使用 JavaScript 使浏览按钮在用户将鼠标悬停在图像上时(不可见地)出现在鼠标指针后面。

但是，我刚刚发现这个解决方案不适用于 Opera。我不知道为什么。

我一整天都在做这个，想不出任何其他的词来谷歌。谁能告诉我如何为 Opera 解决这个问题，或者即使周围有类似的解决方案(您可以使用 95x95 像素的图像)？

Answer 1

我会查看 uploadify .对于这样一个“简单”的任务来说，它可能有点过头了，但它为您提供了所有这些自由以及更多的自由(比如多个文件上传能力，如果这很重要的话)。

困难的部分是，关于文件上传，每个浏览器都同意的唯一真正标准是他们需要点击某些东西，选择一个文件，然后在提交时上传。除此之外(大小、颜色、方法等)真正取决于浏览器开发人员。

您可以做的另一件事是使代码基于浏览器。如果它(通过第二种方法)适用于除 Opera 以外的所有东西，可能想坚持使用它然后让 JS 介入并在是 Opera 时默认使用 0% 不透明度方法)。

不幸的是，我不知道你还有什么其他选择。