设置文件输入样式,使其看起来像图像

时间:2011-10-28 18:02:16

标签: javascript html css file-upload

我有一张上传照片输入的表单。我想拥有它,以便人们点击图像,然后会出现浏览文件夹对话框。所以我今天早上去找了怎么做。

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

这一切都非常好但是IE7中存在一个问题,您可以直接在文件输入的文本字段中输入。此外,您只能使用与这些输入相同大小的图像。

我很高兴找到another solution使用相同的想法,您可以拥有任何大小的图像,然后使用JavaScript使得只要用户将鼠标悬停在鼠标指针后面,就会显示(隐藏)浏览按钮图像。

但是,我刚刚发现这个解决方案对Opera不起作用。我不知道为什么。

我整天都在这里,对谷歌没有任何其他的话。任何人都可以告诉我如何修复这个歌剧,或者即使有一个类似的解决方案(你可以有一个95x95px的图像)?

1 个答案:

答案 0 :(得分:1)

我会查看uploadify。对于这样一个“简单”的任务来说,这可能有点过分了,但是它为你提供了所有这些自由和更多(如果重要的话,就像多文件上传能力一样)。

困难的部分是每个浏览器同意的唯一真正的标准,就文件上传而言,他们需要点击某些内容,选择一个文件,并在提交时上传。除此之外(大小,颜色,方法等)确实是浏览器开发人员。

您可以做的另一件事是使代码基于浏览器。如果它(但通过第二种方法)对除了opera之外的所有东西都有效,可能想要坚持使用它然后让JS干预并默认为0%不透明度方法 opera时。

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