html - IE8 支持类型 ="file"吗？

Question

我对 <input type="file"> 的 IE8 支持有疑问在显示图像的 PHP 页面上，单击该图像会打开文件浏览器以选择要上传的文件。

这适用于 Firefox 和 Chrome，我很确定问题来自 <input type="file">及其对 IE8 的支持。在 IE8 上的结果是图像没有显示，如果我点击位于图像位置的白色矩形，则没有任何反应......

代码如下:

<div class="file_wrap">
   <input id="file" type="file" name="file" onchange="sendfile();" />
</div>

还有 CSS:

.file_wrap {
   background: url('icon/add.gif');
   overflow:   hidden;
   width:      116px;
   height:     147px;
   cursor:     hand;
}

.file_wrap input {
   opacity:    0;
   font-size:  999px;
   cursor:     hand;
}

也许你们中的一些人以前遇到过？

Answer 1

<input type=file> 的自定义样式元素被明确劝阻。

首先，它的默认外观在各种浏览器中完全不同(您没有提到 Safari，它的呈现方式也与其他浏览器截然不同)。仅此一项就很难很好地设计它的样式。

但更重要的是，大多数浏览器会主动阻止一些标准的 CSS 和 Javascript 操作与 file 一起使用。元素，因为潜在的安全问题。

为了避免恶意脚本拦截或更改文件名和路径，部分 Javascript 被阻止。如果允许这样做，可能发生的后果是相当明显的。

此外，该元素通常只允许使用 CSS 进行相当少量的样式设置。这是因为恶意页面正在对元素进行样式设置，使其看起来不像文件元素，从而诱骗用户上传他们不应该上传的文件。

This page提供有关该主题的进一步阅读，并提供成功设计它的技巧。

希望对您有所帮助。