JavaScriptの画像を中心に

Question

JavaScriptを初めて使用しています。以下に見られるように、リダイレクト前に表示されているgifファイルですが、問題はload.gifがアップロードボックスdivから表示されていることです。どのように私はdivの中にそれを持ってくることができます（自動マージン）。

私はいろいろ試しましたが、うまくいきませんでした。ここで

は、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); 
}); 
}); 

そしてここでは、HTMLの一部です：

<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

これを試してみてください：

$(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); 
    }); 
});