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'
    });

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

1 个答案: