Javascript 无法在有限的时间内执行脚本

我有下面的脚本，当使用上传输入上传文件时，它会显示一个加载器。我希望加载程序应该出现，直到文件上传，还希望捕获文件的名称。谁能告诉我怎么做

<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>

$（文档）.ready（函数（）{
$（'#photoimg'）.change（函数（）{
$（“#预览”）.html（“”）；
$（“#预览”）.html（“”）；
$（“#imageform”）.ajaxForm({
目标：“#预览”
});
});
});

您可以使用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'
    });

---

我想您只需要

$（“#imageform”）.ajaxForm（function（）{$（“#preview”）.empty（）}）

并删除

{target:'#preview'}

@Archer如果它不工作，加载程序仍会继续显示。您能告诉我怎么做吗？因为我遇到的所有ajax代码都使用了服务器链接，我不想要那个部分