Просмотреть загруженное изображение во время его загрузки?

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

То, что я пытаюсь сделать, это показывает загрузки изображение при его загрузке. Каков правильный способ интеграции метода отображения изображения Show/hide в мою форму submit?

Answer 1

Если вы делаете полный HTML пост, то у вас есть только один вариант:

Используя форму-х onsubmit event, чтобы отобразить символ загрузки. Это будет очищено при загрузке нового HTML.

С другой стороны, если вы используете jQuery для отправки формы, есть несколько отличных способов справиться с этим.

Я бы указал вам to this discussion для обзора.