在实际开发中，某些文件通常会上传，但通常会伴随着一些上载的异步治疗和批处理处理，在异步条件下。解决此矛盾时，头痛会头痛。
我在开发过程中有需求，实现了上传图片，提取图片信息，并自动将图片信息推向数据库。这并不复杂，但是如果添加了先决条件，会出现一些头痛。当前情况是提取图片并推动已经具有Ready -Made接口的图片（无法更改接口，这是一个公共接口，它不会因为需求而随意更改），但是该接口只能一次进行一张图片并完成摘要，接口将自动将图片信息推向数据库。上载成功后，前端只需要刷新页面。但是，问题是接口提取的成功率不是很大。现在，需求方必须支持批处理进口。实际上，介绍中没有问题。
当前的实现方法是列出列表。每次选择文件后，显示此列表，并给每个文件一个加载状态。在相应的文件处理之后，下一步是通过Promise.all（）执行的，该步骤解决了频繁的pop -up提示框的问题。渲染与以下内容相似（信号效应不会执行太多CSS处理）：
实现此效果很简单，知识点是Promise.all（）的应用。
首先使用带有输入标签的文件创建文件
是否多个属性控件支持多个选择，访问控制文件的类型（图像/*所有图片类型）都显示了变更事件。引用也可以使用，您需要导出导出导出
有关提单动画，请参阅：CSS实现加载动画列表：
在JS中，主要两个函数是仿真后异步接口处理函数，另一个是更改事件触发函数异步接口：
更改事件触发功能
完整代码：
原始：https：//juejin.cn/post/7098264067046899743