IE Edge溢出:自动(或任何滚动)使“文件”类型的输入元素不可用

时间:2018-07-23 16:58:08

标签: input scroll microsoft-edge

我们有一个这样的输入标签:

<input type="file" id="upload-video-input-element" accept="video/mp4">

如果其父项具有overflow:auto,则输入元素花费的时间比将视频加载到浏览器所需的时间长约20倍。一个1兆的文件可能需要15秒钟才能打开。如预期的那样,关闭滚动,它几乎是瞬时的。这仅在Edge中发生。 IE11,Chrome,FF和Safari不会出现此现象。

但是我们需要在父级上滚动。有人看过吗?为什么要这样做,并且有修复程序吗?谢谢!

1 个答案:

答案 0 :(得分:0)

我们正在使用文件读取器读取文件,并将src设置为大量数据。在特定条件下,所有浏览器都可以接受Edge。现在,我们将src设置为带有URL.createObjectURL(myFile)的对象url。稍后,如果用户提交表单,我们将读取数据,因为当前我们的后端需要64位编码的数据。