$('#change-photo').on('click','#sub-photo', function(e){
e.preventDefault();
var input = $("#image");
var fd = new FormData ;
if(!input.val()){
alert('asdsad');
return false;
}
fd.append('image', input.prop('files')[0]);
$('.wrap_result').css('color','#0288d1').
text('Сохранение фотографии').fadeIn(700,function(){
$.ajax({
url:$('#change-photo').attr('action'),
data: fd,
type:'POST',
processData: false,
contentType: false,
headers:{ 'X-CSRF-TOKEN':$('meta[name="csrf-token"]').attr('content')},
dataType:'JSON',
success:function(result){
if(result.error){
console.log(result.error);
// $('.alert').html('Ошибка попробуйте попозже!').show();
}
if(result.success==true){
console.log(result.img);
$('.wrap_result').delay(300).text('Фотография сохранена').fadeOut(400).fadeIn();
$('.my-img-cont').attr('src',"/storage/"+result.img);
$("#image").val(null);
}
},
error:function(){
$('.alert').html('Ошибка перезагрузите страницу и попробуй позже!').show();
}
});
});
});
Проблема именно на стороне клиента ,после того как убираю этот код( $('.wrap_result').css('color','#0288d1').
text('Сохранение фотографии').fadeIn(700,function() )
Все работает правильно то есть возвращается один ответ
