axios上传文件带进度条

axios是一个基于Promise的HTTP库，它可以用于浏览器和node.js环境中，用于发送异步HTTP请求。在实际开发中，我们常常需要上传文件数组，如何使用axios进行文件数组上传呢？首先html上传ui带有进度条，我们需要使用formData对象来创建一个新的表单对象。在创建对象后，我们可以使用append方法将文件添加到表单中。例如：```let formData = new FormData();formData.append("file", file1);formData.append("file", file2);formData.append("file", file3);```上述代码创建了一个formData对象html上传ui带有进度条，并将三个文件添加到formData中，每个文件名都为“file”。接下来，我们可以通过axios发送HTTP请求并上传文件数组，使用post方法，并将文件数组对象作为参数传递给data属性即可。例如：```axios.post(url, formData, {headers:{'Content-Type':'multipart/form-data'} })```上述代码使用axios.post方法，发送HTTP请求并上传文件数组。需要注意的是，需要在header中设置Content-Type为multipart/form-data，表示这是一个二进制数据块请求。同时，formData对象也需要传递给post方法的参数中的data属性。以上就是使用axios上传文件数组的基本方法。需要记住，在实际开发中需要根据自己的具体场景进行调试，并处理好各种异常情况。