javascriptで同じファイルをS3にアップロードしてしまう

ブラウザからAWSのS3へファイルをアップロードしようとしています。
複数送信する際に成功するように見えますが、実際には最後のファイルの中身になってしまいます。
a.jpg
b.jpg
を送る際に、両方のファイルがS3にアップロード成功するのですが、画像の中身がa.jpgもb.jpgの画像になってしまいます。

html
1<div id="droppable">ファイルをドロップしてください。</div>
2<button id="hugefile" type="submit" class="btn btn-primary">送信</button>

javascripy
1
2<script>
3    let upload_files;
4    let upload_file;
5    $(function () {
6        var droppable = $("#droppable");
7        // File API が使用できない場合は諦めます.
8        if (!window.FileReader) {
9            alert("File API がサポートされていません。");
10            return false;
11        }
12        var cancelEvent = function (event) {
13            event.preventDefault();
14            event.stopPropagation();
15            return false;
16        }
17        droppable.bind("dragenter", cancelEvent);
18        droppable.bind("dragover", cancelEvent);
19        //////////////////////////////////////////////////////
20        // ドロップ時のイベントハンドラを設定します.
21        //////////////////////////////////////////////////////
22        var handleDroppedFile = function (event) {
23            var files = event.originalEvent.dataTransfer.files;
24            $("#droppable").text("");
25            for (var i = 0; i < files.length; i++) {
26//                console.log("size" + files[i].size);
27                $("#droppable").append(files[i].name + "<br>");
28            }
29            upload_files = files;
30            console.log("upload_files="+files);
31            cancelEvent(event);
32            return false;
33        }
34        droppable.bind("drop", handleDroppedFile);
35    });
36
37    //////////////////////////////////////////////////////
38    ////    送信ボタンが押された   ////
39    //////////////////////////////////////////////////////
40    $("#hugefile").on('click', function () {
41
42        if (upload_files == null) {
43            alert('ファイルがありません')
44            return false
45        }
46    ////    ファイルの数繰り返す   ////
47        for (var i = 0; i < upload_files.length; i++) {
48            console.log("i="+i);
49            upload_file = upload_files[i];
50            console.log(i+":"+upload_files[i].name);
51    ////    S3の著名付きURLを取得する   ////
52            $.ajax({
53                url: "/userdata/onetime",
54                data: {
55                    "name": upload_file.name,
56                    'id':<?PHP echo $project[0]['id']; ?>
57                },
58                type: 'GET',
59                dataType: 'json'
60    ////    S3の著名付きURLにファイルを送信する  ////
61            }).done(data => sendFileCore(data, upload_file)
62            )
63        }
64        return false
65    })
66    ///////////////////////////////////////////////////////
67    // // Ajaxで取得した署名付きURLを使用してファイルをアップロードする処理
68    //////////////////////////////////////////////////////
69    function sendFileCore(data, file) {
70        $("#droppable").append(file.name + " アップロード中<br />");
71        $.ajax({
72            url: data.uri,
73            type: 'PUT',
74            data: file,
75            contentType: file.type,
76            processData: false
77        }).done(function (d) {
78            $("#droppable").append(file.name + " アップロード完了<br />");
79        })
80    }
81</script>