Edge & IE11未正确显示输入类型文件框
Edge是微软开发的一款网页浏览器，IE11是Internet Explorer 11的简称，是微软早期的网页浏览器。根据提供的问答内容，可以推测问题是关于在Edge和IE11中无法正确显示输入类型为文件框的情况。
在前端开发中，输入类型为文件框（File Input）用于允许用户选择本地文件上传到服务器。然而，不同的浏览器对于文件框的显示和功能支持可能存在差异。
针对Edge和IE11无法正确显示输入类型文件框的问题，可能是由于浏览器的兼容性问题导致的。为了解决这个问题，可以尝试以下方法：
- 使用Polyfill库：Polyfill库是一种用于填充浏览器功能差异的JavaScript库。可以使用一些针对文件上传的Polyfill库，如FilePond、Fine Uploader等，来解决Edge和IE11中文件框显示的问题。
- 使用JavaScript替代文件框：可以使用JavaScript和HTML5的File API来创建自定义的文件选择界面，以替代浏览器默认的文件框。通过监听文件选择事件，获取用户选择的文件，并进行相应的处理和上传操作。
- 提供备用上传方式：如果无法解决浏览器兼容性问题，可以考虑提供备用的上传方式，例如拖放上传、剪贴板上传等，以便用户能够通过其他方式完成文件上传操作。
总结： Edge和IE11未正确显示输入类型文件框可能是由于浏览器兼容性问题导致的。解决方法包括使用Polyfill库、使用JavaScript替代文件框或提供备用上传方式。具体选择哪种方法取决于项目需求和开发团队的技术栈。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云内容分发网络（CDN）：https://cloud.tencent.com/product/cdn
- 腾讯云云安全中心（SSC）：https://cloud.tencent.com/product/ssc
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
- 腾讯云移动开发（Mobile）：https://cloud.tencent.com/product/mobile
- 腾讯云数据库（CDB）：https://cloud.tencent.com/product/cdb
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙（Metaverse）：https://cloud.tencent.com/product/metaverse
相关·内容
2回答
Edge & IE11未正确显示输入类型文件框
html、forms、internet-explorer、microsoft-edge
我遇到了Edge和IEv11不能正确显示‘输入类型文件’框的问题。
浏览 26提问于2018-08-28得票数 0
1回答
使用EM单元输入IE9并选择缩放问题
html、css、internet-explorer、internet-explorer-9、font-size
我有一个页面，所有样式都是使用em单元编写的。在IE9中，我面临一个奇怪的问题。但是，无论何时应用缩放，文本都隐藏在SELECT和INPUT字段中。一旦您与该元素交互，它就会被修复--也就是说，只要您将光标聚焦在该元素上，一切看起来就都正常了。
有什么问题吗？我该怎么解决呢？
浏览 3提问于2015-03-12得票数 0
回答已采纳
1回答
IE 11下拉菜单对打开的行为是否可调？
html、internet-explorer
有一个普通的下拉列表，它在IE11中打开时显示内容的方式与旧版本完全不同。有没有办法让IE 11显示为IE 8？
浏览 0提问于2017-03-21得票数 0
6回答
分别理解offsetWidth、clientWidth、scrollWidth和-Height
html、css、dom
此外，有几个来源在网上提供混乱或不正确的信息。
你能给出一个完整的解释，包括一些视觉提示吗？此外，如何使用这些值来计算滚动条的宽度？
浏览 5提问于2014-01-11得票数 506
回答已采纳
1回答
IE11柔性箱容器不生长
html、css、flexbox、internet-explorer-11
button class="button" type="button"> </button></div>在Chrome中，按钮是垂直显示的，容器会增长以满足它们的需要：但是，在IE11中，按钮重叠，容器仍然小于1按钮：这是IE中已知的bug吗？
浏览 0提问于2018-09-23得票数 0
回答已采纳
1回答
IE11: document.getSelection在IE11上的输入(即文本)标记内不能正常工作
javascript、internet-explorer、dom、internet-explorer-11
我试图使用document.getSelection()在输入html标记中获取选择，但在Internet Explorer11上不起作用。该函数受支持，但返回的值似乎是错误的。我在Chrome和Edge上测试了它，它工作得很好，所以这个问题似乎与IE11有关。在Chrome和Edge上，它返回一个带有anchorNode和rangeCount (不同于0)的值的selection对象，并在调用toString()函数时显示选定的文本。如果未选择任何内容，或者输入为空但
浏览 91提问于2019-06-21得票数 0
1回答
当Eclipse关闭时，如何显示部件的名称而不是输入文件名？
java、eclipse、eclipse-plugin
当Eclipse关闭并且有未保存内容的编辑器时，Eclipse将显示一个保存对话框，其中列出了所有未保存的编辑器。假设编辑器的输入文件名在这里显示是正确的吗？我现在有两种不同类型的编辑器，它们具有相同的输入文件。这意味着当我关闭Eclipse时，两个不同的编辑器在保存对话框中有两个相等的条目。我是否可以让Eclipse显示该部件的名称(我通过调用setPartNa
浏览 1提问于2014-09-15得票数 0
回答已采纳
1回答
用条件渲染对输入[type=“数字”)作出反应集焦点
javascript、reactjs、firefox、focus
在阅读了和之后，我仍然有点搞不懂什么是设置输入focus的正确的跨浏览器选项。
我对条件呈现输入有问题，在table中呈现后，可能会将焦点放在input放在td中的地方。、Edge，但不适用于最新的火狐(输入事件在单击span后不会出现。、Edge，但火狐在试图设置focus时仍然不显示输入。、Edge和(最终) Firefox，但这似乎是最“丑陋”的一个。所以，我的问题是:我们有一个正确的方法来解决这个w/
浏览 2提问于2017-10-02得票数 5
1回答
如何在从颜色类型输入回退的情况下设置光谱js的选项？
javascript、jquery、html、css、spectrumjs
一个有效的例子：问题是，一旦使用$(element).spectrum()函数，它将显示所有浏览器的光谱颜色选择器，而我只是想将其用作备用。那么，如何将选项添加到回退颜色选择器？
浏览 13提问于2017-02-07得票数 10
回答已采纳
1回答
IE-11与框架4.5的兼容性
c#、asp.net、compatibility、internet-explorer-11
这种升级迫使我们使用IE11。为了使我们的应用程序IE11兼容，我们增加了在母版页中，并且在配置文件中还包括下面的标记。<add name="X-UA-Compatible" value="IE=Edge&qu
浏览 5提问于2015-08-24得票数 0
5回答
在Internet Explorer 10中将文本保存在本地文件中
javascript、internet-explorer
我需要能够将字符串保存到本地文件中。
浏览 118提问于2013-09-12得票数 23
回答已采纳
2回答
查看IE上的本地存储内容
html、internet-explorer、local-storage
如何在IE中查看HTML5本地存储的内容？IE9和FireFox提供了一种通过他们的开发者工具来查看本地存储内容的方法，但我无法使用Chrome开发者工具找到这些信息。
浏览 2提问于2012-03-03得票数 70
回答已采纳
1回答
IMA问题- Google IMA HTML5 SDK
cors、internet-explorer-11、same-origin-policy、google-ima
我正在做一个项目，涉及到显示谷歌IMA HTML5软件开发工具包驱动的视频广告。除了Internet Explorer11之外，一切都可以正常工作(最新的“Edge”版本工作正常)。在IE11中，视频广告有时会显示，但对输入呼叫(播放、暂停、音量等)没有响应。控制台显示许多URL没有正确的CORS/跨域策略详细信息。然而，它们确实如此，因为它们在所有其他浏览器中都是通用的。IE11在CORS方面需要一些额外的帮助吗？抱歉，但我不能提供一个演示
浏览 7提问于2016-05-12得票数 0
2回答
TypeScript - Object不支持属性或方法“”defineProperty“”
javascript、runtime-error、typescript
我想开始在我的TypeScript类中使用真正的属性，所以我更新了我的项目文件，使其成为目标ES5，如下所示：
<PropertyGroup Condition="'$(Configuration)'
浏览 1提问于2013-10-29得票数 2
1回答
IE/Edge是否适当地使用calc() CSS规范？
css、css-animations、microsoft-edge
演示链接： left: -// fill the parent, which now includes the gutter gap(s)
当查看Chrome / Saf
浏览 1提问于2019-01-02得票数 0
4回答
某些图标不会显示
css、icons、icon-fonts
我在一个应用程序中使用Icomoon我遇到了一个小图标不能显示的问题。我已经通过图标应用下载了所有的图标，这是最新的版本-所有450都被选中了。，但是用户和搜索显示不好。下面是我的style.css文件(截断)：{ src:url('fonts/icomoon.eot');114.616-256 256s114.616 256 256 256 256-114.616 256-256-114.614-256
浏览 0提问于2013-12-14得票数 4
1回答
Swiper v4对IE11的改造失败( Webpack 5+ Babel 7)
javascript、webpack、babeljs、swiper.js、babel-loader
我构建并推动了一个我想要做的简化版本：
在Internet 11 (IE11)中打开IE11时，使用的幻灯片可以工作。我必须使用，因为它是IE11的最后一个兼容版本。babel的调试显示：{ "chrome": "45",
"edge": "12&quo
浏览 2提问于2020-12-09得票数 0
回答已采纳
1回答
.NET MVC - C#的foreach循环在IE11中不起作用。仅返回循环中的最后一个值
c#、html、asp.net-mvc、foreach、view
我的Excel应用程序中有一个视图，它应该返回和显示模型数据，这些数据是使用ExcelDataReader包从.NET文件中读取的。我的视图包含一个foreach循环，它显示模型中的每个值，并在div中显示该值。当我使用Chrome或Edge运行此应用程序时，循环在每个生成的div中正确地显示模型值。例如： model values how Chrome/Edge returns data how
浏览 29提问于2020-07-22得票数 0
3回答
Web Essentials 2017在VS 2017中未显示
visual-studio-2017、web-essentials
当我打开Visual Studio Enterprise 2017时，它显示为已安装的扩展，并在工具菜单上显示"Reset Web Essentials“，但没有看到任何设置。设置对话框不应该在某个地方可用吗？
此外，我认为如果我创建一个.less文件，打开它，然后保存它，.css和.min.css文件应该立即显示在less文件的下面。这是不会发生的。此外，当我在Visual Studio中运行网站时，Web Essentials工具栏不会出现在Edg
浏览 5提问于2017-05-03得票数 14
我正在尝试在输入类型文件框中触发一个更改事件。每次上传文件时，ajax都会生成此框。在IE < 9.0中，更改事件未正确触发。jQuery('.pic_upload').show();这在IE中效果很好，但只适用于第一个inout类型的文件标记如果在第一次上传完成后，此输入字段被隐藏，则会显示一个新字段。
浏览 0提问于2011-08-04得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
