前面的测试说明用css直接控制文件域的样式表现是不好实现的，使用替代方法可以实现。
代码如下：
css样式部分：
<title>文件域美化</title>
<style type="text/css">
.input_text{width:250px;}
.input_file{width:300px; margin-left:-300px; filter:alpha(opacity=0); opacity:0;}
</style>
html部分：
<body>
<form method="post">
<input class="input_text" type="text" id="txt" name="txt" />
<input type="button" value="浏览" />
<input class="input_file" size="30" type="file" onchange="txt.value=this.value" />
</form>
</body>
这里实现了用文本域和按钮替换文件域，文件域透明度为0，显示下面的文本域和按钮，功能美化两不误；
只要对input文本域还有button按钮进行样式定义就可以实现美化了。
分享到：
相关推荐
### js判断上传文件的大小（兼容火狐、谷歌、IE、360浏览器） 在Web开发中，经常需要处理用户上传文件的操作。为了确保服务器安全并优化用户体验，开发者需要对上传文件进行一定的预处理，例如限制文件大小。本文将...
在JavaScript中，读取Excel文件（.xls）并兼容多种浏览器，如Chrome、IE和Firefox，是一项常见的需求。这通常涉及到文件API、ActiveXObject（针对IE）和第三方库的使用。下面将详细介绍如何实现这一功能。 首先，...
7. **浏览器兼容性**: 题目中提到了ie/ff/chrome，这意味着该解决方案考虑了Internet Explorer、Firefox和Chrome这三大主流浏览器的兼容性问题。对于老版本的IE，可能需要额外的适配代码来确保功能正常运行。 8. **...
标题 "兼容ie,Firefox的文件上传" 涉及的核心知识点是实现跨浏览器的文件上传功能，特别是针对Internet Explorer（IE）和Firefox这两个主流浏览器的兼容性问题。在Web开发中，由于不同浏览器对HTML、CSS和JavaScript...
1. 解压 PDF前端预览功能.zip 压缩包，复制到网站开发目录； 2. 调用方式：window.open("Scripts/lib/PDF/web/viewer....3. 能支持多种浏览，火狐、IE、谷歌、360等，能支持本地文件直接浏览。
兼容ie[6-9]、火狐、Chrome、opera、maxthon3、360浏览器的js本地图片预览"提供了一个JavaScript解决方案，用于实现一个功能强大的本地图片预览功能，它能在多种主流浏览器中正常工作，包括古老的Internet Explorer ...
兼容不同的浏览器，尤其是老版本的Internet Explorer（IE）和Firefox，对于开发者来说是一项挑战。本篇文章将详细探讨如何实现“图片上传预览”功能，并确保在IE 6/7/8及Firefox（包括新版）等浏览器中的兼容性。 ...
这个话题涉及到的主要技术是JavaScript，特别是如何使用JavaScript来实现跨浏览器（包括IE、Firefox和Google Chrome）的图片预览功能。下面将详细介绍这一知识点。 首先，我们需要理解浏览器对文件API的支持。现代...
例如，IE浏览器通常对新特性的支持较慢，而现代浏览器如Chrome和Firefox则更倾向于支持最新的Web标准。因此，为了确保在所有这些浏览器上都能正常工作，开发者可能使用了如HTML5 File API、jQuery、或者专门的多文件...
然而，由于它们是基于IE的ActiveX技术，因此在Firefox和Chrome这样的非IE浏览器中，需要借助第三方工具或扩展来实现兼容性。 对于“火狐和谷歌支持ocx”，主要有以下几种方法： 1. **使用ActiveX Control ...
对于非IE浏览器，如Firefox、Chrome、Safari、360等，它们不支持ActiveXObject。我们可以使用Blob对象和URL.createObjectURL方法创建一个临时的文件URL，然后创建一个`<a>`标签指向这个URL，模拟点击下载。同时，...
jquery file上传预览本地图片支持IE6\7\8\9\10 chrome 火狐 网上有很多关于 file上传预览本地图片开源角本但都对支持到IE6\7\8，而且chrome 火狐最新版本也有问题，自己动手丰衣足食。分享给给大家。
总结来说，这个话题可能涉及HTML5的`<object>`标签如何在火狐和谷歌浏览器中用来处理ZIP文件，以及如何通过特定的扩展程序或插件（如CRX和XPI文件）来实现浏览器间的兼容性，特别是处理ActiveX内容在Firefox中的运行...
这个标题提到的"js预览图片 上传前预览图片 兼容ie6.7.8.9 ff 谷歌 opera 苹果浏览器"，表明这是一个旨在解决浏览器兼容性问题的解决方案，涵盖了老版本的Internet Explorer（IE6到IE9）以及Firefox、Chrome、Opera...
在IE8下通过a标签的href="本地路径"可以打开，但是chrome以及firefox不可以。 原因：在IE中输入file:///c:windows/地址之后，调用的资源管理器explorer.exe进行打开。chrome等浏览器由于安全机制，采用了文件索引...
测试浏览器：firefox6，firefox12，chrome 25.0.1364.172 m，IE6-IE10 都兼容 safari5.0.4不支持FileReader和file.files.item(0).getAsDataURL方法，暂时无解，需要上传到服务器后返回临时文件名用img标签加载，不...
5. **浏览器兼容**：除了IE之外，还必须确保在其他主流浏览器如Chrome、Firefox、Safari和Edge上也能正常工作。这通常涉及到对各种浏览器API和行为的理解，以及可能需要使用polyfills来填补不同浏览器之间的功能差异...
这段代码是用于在图片上传前实现预览功能的，它兼容了Internet Explorer（IE）、Chrome 和 Firefox 这三种主流浏览器。在用户选择图片文件后，可以在网页上显示一个缩放后的预览图，确保预览图像的宽度和高度不超过...
此外，这种方法仅适用于IE11，对于其他浏览器，如Chrome、Firefox等，需要使用FileReader API或其他库（如xlsx.js）。 7. **库的使用**：为了简化跨浏览器的兼容性问题，可以使用第三方库，如` SheetJS` (xlsx.js) ...
这个WebUploader demo实例特别强调了对IE6及以上版本，以及Firefox和Chrome等主流浏览器的支持，确保在不同环境下都能实现稳定、高效的文件上传功能。 WebUploader的核心原理是利用HTML5的File API进行文件读取、...