如何中断二进制流传输？

Question

后端根据前端 ID 查询图片或视频，返回二进制流文件。前端在页面转为 blob类型显示。但是前端如何去中断二进制流的传输？
在谈需求的时候碰到以下问题：
1、图片和视频都必须要等二进制流文件加载完成后才会显示。如果文件过大就会一直在加载的状态。前端页面无反应。怎么获取二进制流的进度？
2、除了强制刷新页面外有什么方法可以中断二进制流的传输吗？多个文件加载在同一个 ul 内，想要单独停止某个文件的接收
3、如果视频进行预加载或只是加载第一帧作为封面应该如何处理？是否有相关的框架？![图片描述][1]

Answer 1

更新一下测试地址，之前的路由被我干掉了。

---

先放测试地址：https://www.lilnong.top/stati...

问题1：异步加载，肯定要提到ajax了，可以打开network看，不会终止页面导致无反应。进度的话onprogress可以获取到，测试地址看控制台就可以看到。

问题2：abort()这个方法可以终止，对象被覆盖，你可以打开network试一下看看是不是之前的对象的size不动了。

问题3：这个我就不太明白了。默认的video也是会自己截图的吧。框架我也没用过