Zentrieren eines Bildes in Javascript

Question

Ich bin neu in JavaScript. Wie Sie unten sehen können, zeigt eine gif-Datei vor der Umleitung, aber das Problem ist, dass loading.gif aus dem upload-box-div angezeigt wird. Wie kann ich es in das div bringen und zentrieren (auto margin).

Ich habe viele Möglichkeiten ausprobiert, aber ich konnte es nicht funktionieren lassen!

Hier ist die Funktion JS:

//Disabling autoDiscover 
Dropzone.autoDiscover = false; 
$(function() { 

//Dropzone class 
var myDropzone = new Dropzone(".dropzone"); 
myDropzone.on("queuecomplete", function() { 

    // Display "Please Wait" gif 
    var myImage = new Image(); 
    var ImgSrc = "./loading.gif"; 
    myImage.setAttribute("src", ImgSrc); 
    myImage.style.margin = "0 auto"; 
    document.body.appendChild(myImage); 

    // Wait 3 seconds and then redirect to the link 
    window.setTimeout(function() { 
    location.href = 'http://www.i-0s.ir/site'; 
    }, 3000); 
}); 
}); 

Und hier ist der HTML-Teil:

<div class="upload-box"> 
    <p>Please upload your files</p> 
    <div class="image_upload_div"> 
     <form action="upload.php" class="dropzone"></form> 
    </div> 
</dive> 

Answer 1

diese

Versuchen:

$(function() { 
    //Dropzone class 
    var myDropzone = new Dropzone(".dropzone"); 
    myDropzone.on("queuecomplete", function() { 

     // Display "Please Wait" gif 
     $('.upload-box').append('<div style="text-align:center;"><img src="./loading.gif"/></div>') 

     // Wait 3 seconds and then redirect to the link 
     window.setTimeout(function() { 
      location.href = 'http://www.i-0s.ir/site'; 
     }, 3000); 
    }); 
});