IE 边缘,溢出:自动(或任何滚动)使类型'file'的输入元素不可用



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

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

如果它的父元素具有溢出:auto,则输入元素将视频加载到浏览器所需的时间大约是它的20倍。打开1 meg文件可能需要15秒。关闭滚动,它几乎是即时的,正如预期的那样。这种情况只发生在Edge中。IE11、Chrome、FF和Safari没有表现出这种行为。

但我们需要在父对象上滚动。有人看到这个吗?它为什么这么做,有解决办法吗?谢谢

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

最新更新