ajax upload

<?php
include "configs/base.php";
include_once "functions/_main.php";
$tokenUpload = "CellIndonesia";
$arData=[
    'date'=>date("Y-m-d H:i:s"),
    'target'=>'_uploads',
    'tipe'=>['jpg','pdf']
];
?><!DOCTYPE html>
<html>
<head>
<script src="assets/jquery-3.7.1.js"></script>
<script src="assets/jquery-1.12.4.min.js"></script>
<script>
  var jq112 = $.noConflict();
</script>
<style>
div{padding:10px}
</style>
</head>
<body>
<div id='modalEdit'></div>
<div id='container'>form here</div>
<button id='addUpload' type="button" >Form Upload</button>
<!--button id='addDiv' type="button" >tambah div dengan jquery</button-->
<button data-type="personal_other" data-modal="modalEdit" data-id=0 type="button" class="btn btn-default btn-sm show_edit" title="New">Baru</button>
<button data-type="personal_other" data-modal="modalEdit" data-id=10 type="button" class="btn btn-default btn-sm show_edit" title="Edit">Edit</button>
<script>
var iBtn=1;
var iUpload=1;
var urlUpload="ajax/upload-1.php";
$(document).ready(function() {

    //$(".show_edit").on("click", function() {
    jq112(document).on("click", ".show_edit", function() {
        // Ambil nilai atribut dari tombol
        var modalTarget = jq112(this).data("modal");   // contoh: "modalEdit"
        var type = jq112(this).data("type");           // contoh: "personal_other"
        var id = jq112(this).data("id");               // contoh: 0 atau 1

        // Buat konten dinamis sesuai kebutuhan
        var content = "<p>Anda mengedit data dengan type: <b>" + type + "</b> dan id: <b>" + id + "</b></p>";

        // Masukkan konten ke dalam div tujuan
        $("#" + modalTarget).html(content);
    });

    $(document).on("click", ".btn-upload", function() {
        iPos = $(this).data("upload")-1;
        let objAjax = document.getElementsByClassName("inpFile");
        let params = $(this).data("upload");
        fileUp = objAjax[iPos].value||false;
        if(!fileUp){
            alert("masukkan file yang akan dikirim");
        }else{
            uploadFile( objAjax[iPos], params );


        }
        //alert( "upload:"+iPos);
    });
    //tambah konten
    $("#addUpload").on('click', function(){
        let newDiv = document.createElement("div");
        let newForm = document.createElement("form");
        let newInput= document.createElement("input");
        newInput.type = "file";                // type="file"
        newInput.name = "fileUpload";                // type="file"
        newInput.className = "inpFile";          // name="fileUpload"
        newInput.setAttribute("data-upload", "blabla"); // data-upload="blabla"
        newButton = document.createElement("button");
        newButton.textContent = "upload"; // Tambahkan class
        newButton.className = "btn btn-upload";
        newButton.setAttribute("data-upload", iUpload);
        newButton.setAttribute("data-url", urlUpload);
        newButton.type="button";

        newButton.addEventListener("click", function() {
            //alert("Tombol upload=" + this.getAttribute("data-upload") + " diklik!");
            console.log("upload", this.getAttribute("data-upload"));
        });
        newForm.appendChild(newInput);
        newForm.appendChild(newButton);
        newDiv.appendChild(newForm);
        document.getElementById("container").appendChild(newDiv);
        iUpload++;
    });
    $("#addDiv").on("click", function() {
        // Buat elemen div baru
        var newDiv = $("<div></div>");

        // Buat button di dalam div
        var newButton = $("<button></button>")
            .text("hello")
            .prop('id','btnHello'+iBtn);
        newButton.addClass("hello");
        arAttr ={
            id:"btnHello",
            type:"button",
            "data-param":"<?=encryptData(json_encode($arData));?>"
            };
        newButton.attr(arAttr);
        iBtn++;

        // Masukkan button ke dalam div
        newDiv.append(newButton);

        // Tambahkan div ke dalam container
        $("#container").empty().append(newDiv);
    });

    $(document).on("click", ".hello", function() {
        alert("hello world");
    });

});

async function uploadFile(objFile, params)
{
    let formData = new FormData();
    let uploadSuccess=0;
    try {
           formData.append("file", objFile );
           formData.append("params", params);
           resp = await fetch('/023_upload.php', {method: "POST", body: formData});
           try {
                console.log(resp);
                var jobj = await resp.json();
           }catch(e){
                jobj = {};
           }

            if(typeof jobj.error == 'undefined'){
                alert("coba upload kembali");
            }
            else if(typeof jobj.message == 'undefined'){
                alert("pesan tidak diketahui");
            }
            else{
                setTimeout(function() {
                    alert(jobj.message);
                }, 1500); // 1000 ms = 1 detik

                uploadSuccess=1;
            }
    }
    catch(err) {
      alert("terjadi error saat upload");
      infoUpload=3;
      console.log(err);
    }
    finally{
        if(uploadSuccess==1)
            console.log("upload success");

    }
}
</script>
</body>
</html>