通过Ajax批量上传图片（springboot）

最新推荐文章于 2022-05-24 11:30:48 发布

粉红猪。。。

最新推荐文章于 2022-05-24 11:30:48 发布

阅读量1.6k

点赞数

文章标签： ajax javascript 前端

本文链接：https://blog.csdn.net/qq_45969735/article/details/122723347

版权

本文介绍如何在SpringBoot应用中结合Ajax技术，实现在前端批量上传图片的功能，包括HTML表单的创建，Controller层的处理方法以及相关的配置文件设置。

摘要由CSDN通过智能技术生成

HTML

<form >
        <input type="file" webkitdirectory name="upimgs" id="upimgs" value="选择人脸库"/>           <br>
        <input type="button" value="上传" onclick="uppic()">
</form>



<script>
    var length;
    $("#upimgs").change(function () {
        length = this.files.length;
        console.log(length);
    })

    function uppic(){
        var formData = new FormData();
        var arr=new Array();
        var container;
        var i=0;
        for(let i=0;i<length;i++){
            formData.append('upimgs', $('#upimgs')[0].files[i]);
            console.log(formData.get("upimgs"));
        }
        container=formData.getAll("upimgs");
        for (var item in container) {
            arr[i] = container[item];
            i++;