我们有一个这样的输入标签:
<input type="file" id="upload-video-input-element" accept="video/mp4">
如果其父项具有overflow:auto,则输入元素花费的时间比将视频加载到浏览器所需的时间长约20倍。一个1兆的文件可能需要15秒钟才能打开。如预期的那样,关闭滚动,它几乎是瞬时的。这仅在Edge中发生。 IE11,Chrome,FF和Safari不会出现此现象。
但是我们需要在父级上滚动。有人看过吗?为什么要这样做,并且有修复程序吗?谢谢!
答案 0 :(得分:0)
我们正在使用文件读取器读取文件,并将src设置为大量数据。在特定条件下,所有浏览器都可以接受Edge。现在,我们将src设置为带有URL.createObjectURL(myFile)的对象url。稍后,如果用户提交表单,我们将读取数据,因为当前我们的后端需要64位编码的数据。