隐藏文件输入元素在IE Edge上不起作用

是因为IE Edge浏览器对于隐藏文件输入元素的处理方式与其他浏览器不同。在IE Edge中，如果将文件输入元素的display属性设置为none或者visibility属性设置为hidden，将无法触发文件选择对话框。

解决这个问题的方法是使用一些替代的技术来隐藏文件输入元素，例如使用CSS将其位置移出屏幕范围，或者使用透明度设置为0来隐藏。以下是一种常用的解决方案：

1. 使用CSS将文件输入元素的位置移出屏幕范围：

.file-input {
  position: absolute;
  left: -9999px;
}

然后在HTML中将文件输入元素与一个label元素关联起来：

<label for="file-input">选择文件</label>
<input id="file-input" class="file-input" type="file">

这样，用户点击label元素时，就会触发文件选择对话框。

1. 使用透明度设置为0来隐藏文件输入元素：

.file-input {
  opacity: 0;
}

然后在HTML中同样将文件输入元素与一个label元素关联起来。

这些解决方案可以在大多数浏览器中正常工作，包括IE Edge。但需要注意的是，不同浏览器对于文件输入元素的样式和行为可能存在一些差异，因此在实际开发中需要进行兼容性测试。

腾讯云相关产品推荐：

• COS（对象存储）：腾讯云对象存储（Cloud Object Storage，COS）是一种存储海量文件的分布式存储服务，适用于网站托管、图片及视频社交、移动应用、大数据分析、企业备份、容灾恢复和归档存储等场景。详情请参考：腾讯云对象存储（COS）
• CDN（内容分发网络）：腾讯云内容分发网络（Content Delivery Network，CDN）是一种分布式部署在全球各地的加速网络，通过将内容缓存到离用户最近的节点，提高内容的访问速度和稳定性。详情请参考：腾讯云内容分发网络（CDN）
• SCF（云函数）：腾讯云云函数（Serverless Cloud Function，SCF）是一种无服务器的事件驱动计算服务，可以帮助开发者在云端运行代码，无需关心服务器管理和运维。详情请参考：腾讯云云函数（SCF）