Форма загрузки и отображения
<div class="form-group">
<form method="POST" action="#" enctype="multipart/form-data" id="load_avatar_form" style="display:none">
<input type="file" name="ava" accept="image/*" id="av_file">
<input type="hidden" value="<?php echo $token; ?>" name="token" />
</form>
<label for="av_file"><img src="<?php echo $avz; ?>" class="thumb-xl img-circle" style="cursor:pointer" />
</div>
JS
<script type='text/javascript'>
$(function() {
$("#av_file").change(function() {
var data = new FormData($('#load_avatar_form')[0]);
$.ajax({
type: 'POST',
processData: false,
contentType: false,
url: '/actions/avatar_upload.php',
data: data,
cache: false,
success: function(result){
if (result == '0') {
$.jGrowl('Картинка не загружена или имеет неверный формат', { theme: 'growl-error' });
}
if (result == '1') {
$(location).attr('href','/cabinet/profile');
}
if (result == '3') {
$.jGrowl('Ошибка', { theme: 'growl-error' });
}
if (result == '4') {
$.jGrowl('Размер изображения не должен превышать 300 Кб', { theme: 'growl-error' });
}
},
error: function(){
$.jGrowl('Ответ от сервера не получен', { theme: 'growl-error' });
}
});
});
});
</script>
