在上传时显示加载图片?

时间:2014-06-08 01:02:12

标签: javascript jquery

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

上传表单

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

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

1 个答案:

答案 0 :(得分:2)

如果您正在撰写完整的HTML帖子,那么您只有一个选项:

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

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

我会向您to this discussion提供概述。