input 标签(file类型)在IE和FF里的兼容问题

最新推荐文章于 2022-02-22 08:33:52 发布
原创 最新推荐文章于 2022-02-22 08:33:52 发布 · 960 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#input #file #ie #浏览器

本文探讨了在不同浏览器（IE和Firefox）中，如何通过使用style属性和size属性来调整文件输入控件的宽度。在IE中，style属性的width设置决定了控件的宽度；而在Firefox中，则是size属性的值起作用。

代码如下：

 

<input type="file" size="4" style="*width:90px;" />

 

在IE里，浏览器以style中的设置的width控制整个标签的宽度。

 

在FF里，浏览器以size中的数值控制整个标签的宽度。

 

示例代码中的数值在IE6和FF3中，显示的宽度是相同的。

在页面预览客户端本地图片的js代码(兼容FF IE)
12-12
公司最近有个项目有这样的需求我才发现我之前写的 如何通过JS获取用户本地图片路径 这篇文章里所使用的方法只支持本地页面预览本地图片 有一种解决方法是上传到服务器后返回相对路径 但是效率是个问题，编程复杂度也...
兼容ie6、ie7、ie8 和FF的本地上传图片预览
03-28
在互联网的早期，浏览器兼容性问题一直是开发者头疼的问题，尤其是对于IE6、IE7和IE8这些较老的版本。本文将深入探讨如何实现一个兼容这些老版本IE以及Firefox的本地图片上传预览功能。 首先，我们需要理解浏览器...
关于input在IE低版本情况下不兼容的解决办法
weixin_30545285的博客
07-28 205
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 ...
IE浏览器下的Input File详解
binggoogle的专栏
08-07 4666
有点前端经验的同学们肯定知道html 里的 FileUpload 对象，对应的是Input File 元素 ，为什么要说这个呢，因为 IE 浏览器在 FileUpload 对象这个点上一直表现得和其它浏览器“卓”尔不群，我们不是要揭面纱吗，这是个不错的点，可以在这个点上看看IE11跟标准浏览器以及跟IE旧版本有什么异同。安全性考量，Input File 元素的value 值（存放文件路径）是不允许
html input file 控件 在不同浏览器 显示不同的解决方案
MENGCHIXIANZI的专栏
12-14 737
html input file 控件 在不同浏览器 显示不同的解决方案 问题描述 html 中的 input type 为file的控件 在Chrome浏览器中的显示 图片 来自https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input/file 但是在 edge浏览器中 图片 依旧来自https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input/...
IE8-9下，使用input获取files报错问题
qq_39480597的博客
05-07 2576
在IE8/9中，不支持input[type=file]，通过files属性获取上传文件内容的方法 例如: 使用 $('input')[0].files该方会直接在IE8/9报错 需要修改成$('#file')[0].value即可获取文件，不过获取仅仅为文件地址 ...
IE+JS: 上传之前检测图片文件大小及类型
雁南飞的专栏
12-26 2823
IE+JS: 上传之前检测图片文件大小October 2, 2005 at 1:34 am · Filed under Scripts 文件上传之前的检测，通常是通过文件名来判断文件类型是否合法，但是要想检测文件的大小很难办到，除非在本地或者使用控件。不过在IE下img有几个附加的属性，如：fileCreatedDate、fileModifiedDate、fileSize、fileUpdatedD
上传图片预览-兼容IE6，IE7，IE8，FF
03-20
标题中的“上传图片预览-兼容IE6，IE7，IE8，FF”指的是一个Web开发的技术解决方案，目的是实现图片上传前的预览功能，并确保该功能在早期版本的Internet Explorer（IE6、IE7、IE8）以及Firefox浏览器上都能正常工作...
IE_FF兼容性
11-15
- **IE**: 在IE中，对于某些类型的表单元素（如`<input type="file">`），无法直接使用`value`属性获取其值。 **示例**： ```javascript if (navigator.userAgent.indexOf("MSIE") > -1) { // IE alert("IE中无法...
input file 控制上传文件的大小和格式（兼容ie）
chenyuangege的专栏
09-27 5461
input file 控制上传文件的大小和格式（兼容ie）
IE浏览器new File不兼容问题解决
q879936814的博客
02-22 1871
重写File let File = window.File try { new File([], '') } catch(e) { File = class File extends Blob { constructor(chunks, filename, opts = {}){ super(chunks, opts) this.lastModifiedDate = new Date() this.lastModified =+ this.lastMod
图片上传File对象不兼容IE
zshsats博客
06-27 8367
图片上传不兼容IE的File对象 非IE上传: 将base64为图片转换成file文件,上传 let formData = new FormData(); file = that.dataURLtoFile(data,this.file.name); formData.append('files',file); dataURLtoFile(dataurl, filename)...
JavaScript blob类型转file类型以及ie不兼容file的处理
weixin_43969975的博客
10-24 2206
JavaScript blob类型转file类型 var file = new File([blob], filename, {type: contentType, lastModified: Date.now()});
input file在IE浏览器上的样式兼容问题
LegHair的博客
09-03 3346
开发需求上传文件给后台，而&amp;amp;lt;input type=&amp;quot;file&amp;quot;&amp;amp;gt;样式在不同浏览器上的兼容实在的英文惨不忍睹，特意写下此贴以便日后参考。 HTML如下： &amp;amp;lt;a class=&amp;quot;fileOne&amp;quot; href=&amp;quot;#&amp;quot;&amp;amp;gt; &am
解决input的file类型各浏览器的样式兼容
热门推荐
CodingAlarm的专栏
07-14 1万+
我们都希望做出的上传图片可以是以下这种美观的，但是原生的input file类型，不仅不美观 ，而且各浏览器都显示不同，如何解决呢？美观的 chrome下 firefox下 IE下 一般来说，我们会用“模拟”的方式，先把原生的file类型设置为透明（不是dispaly:none），然后用其它元素模拟出它的样子，file覆盖在之上。“上传”按钮再提交到服务器。目的是叠加成这种样子，然后把fil
input file 浏览器兼容问题
sdaiweiy的专栏
06-18 6934
主要思想就是用一层遮罩input file 的位置，实现样式的统一。   http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> 无标题文档
ie8及其以下版本兼容性问题之input file隐藏上传文件
06-23 463
文件上传时，默认的file标签很难看，而且每个浏览器下都有很大差距。因此我们基本都把真正的file标签给隐藏，然后创建一个标签来替代它。但是由于IE出于安全方面的考虑上传文件时必须点击file的浏览按钮选择文件才可以把文件上传上去。此时我们可以将file input透明化, 遮罩在自定义的button input 上面。这样用户看到的是我们自定义button的外观而实际上点击的还是fil...
兼容IE和Firefox的图片上传预览实现方案
“IE和FF的图片上传预览”这一主题涉及的是前端开发中一个非常经典且具有挑战性的技术问题：如何在不同浏览器（尤其是老旧版本的Internet Explorer与Firefox）中实现图片上传前的本地预览功能。该功能的核心目标是让...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值