javascript - 无法在有限时间内执行脚本

Question

我有以下脚本，当使用上传输入上传文件时，它会显示加载程序。我希望加载程序应该出现直到文件上传时，并且还希望捕获文件的名称。谁能告诉我如何做到这一点

<input type="file" id="photoimg" name="file"  />
<div id='preview' align="center"></div>


<script type="text/javascript" >
$(document).ready(function() {
$('#photoimg').change(function(){
$("#preview").html('');
$("#preview").html('<img src=img/loader.gif" alt="Uploading...."/>');
$("#imageform").ajaxForm({
target: '#preview'

});

});
});
</script>

Answer 1

您可以使用ajax调用来实现这一点，一旦您单击上传按钮，您可以显示加载程序图像，成功后，您可以隐藏它，如果上传失败，您可以显示单独的图像。

    $.ajax({
      url: 'YOUR API PATH',
      "Show the loader once the ajax call made using .show() or similar"
      error: function() {
        "show the error image using .show() or similar"
      },
      success: function(data) {
         "Hide the loader on success"
      },
      type: 'POST'
    });