javascript - 上传时显示加载图像？

Question

我有一个图像上传表单，当用户选择文件时它会自动上传图像。

上传表格

<form id="imageupload" action="./uploadres.php" enctype="multipart/form-data" method="post">
<input type="file" name="file" value="Ekle" accept="image/*" size="20">
</form>

用户选择文件时自动上传脚本

$("input[name='file']").change(function() {

this.form.submit(); 

});

显示/隐藏加载图片功能:

$('#loadimg').show();
$('#contents').load(function(){
$('#loadimg').hide();
});

我想做的是在上传时显示加载图像。将显示/隐藏加载图像方法集成到我的表单提交中的正确方法是什么？

Answer 1

如果您要撰写完整的 HTML 帖子，那么您只有一个选择:

使用表单的onsubmit event显示上传符号。当下载新的 HTML 时，这将被清除。

另一方面，如果您使用 jQuery 提交表单，有几种很好的方法可以处理该问题。

我会指出你to this discussion以获得概述。