CORS или как загрузить правильно картинку с другого своего домена в jquery

bezzubtsev

Гуру форума
Регистрация
14 Май 2015
Сообщения
272
Реакции
89
Доброй ночи!
Матчасть даётся с тяжелым трудом.
Подскажите как мне правильно решить тривиальную задачу.

Есть у меня основной домен - domain.ru
И есть второй домен, куда я закинул все картинки, ибо картинок много и так надо - images.server.su

//Майкл CORS, заработай!
На втором домене images.server.su прописал в .htaccess сроки

Access-Control-Allow-Origin: Для просмотра ссылки Войди или Зарегистрируйся
Access-Control-Allow-Credentials: true

А что дальше делать? Голову сломал, чтобы задать правильный запрос.
До CORS я неправильно делал запросы вот так:

Код:
var folder = 'http://images.server.su/fotki/2017/'; // расположение сервера с фото
var spisok = []; // создаем массив от 1 по 300
                        for(var value = 1; value <= 300; value++) { spisok.push(value); // заполняем массив данными
                        } for(var index = 0; index < spisok.length; index++) { // Всё, данные готовы работать, вызывай
                        $('#glawnydiv').append('<img src="' + folder + '' + spisok[index] + '.jpg">'); // грузим с 1 по 300 картинок из папки 2017
                        } // конец массива

Как правильно с CORS запросить загрузку кучки фото, и главное, потом после загрузки всех фотографий, чтобы сработала функция alert('спасибо nulled');

Заранее спасибо!
 
Доброй.
Не знаю ваш стек технологий, да и в апаче не силен.
Через PHP делаю так:
Код:
header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Headers: Content-Type, x-xsrf-token'); /// x-xrsf-token is for angular' to prevent CSRF
Сперва попробуйте звездочку, потом домены прописывайте, авось опечатка или еще чего.
Пока проблем не было.
 
Хорошо, с открыть доступ для обращений домена - это понятно.

Запрос на фотографии как правильно отправлять?
 
Опять же не знаю, что внутри проекта, взгляните на Для просмотра ссылки Войди или Зарегистрируйся статью, возможно то что нужно.
 
главное, потом после загрузки всех фотографий, чтобы сработала функция alert('спасибо nulled');
HTML:
var folder = 'http://images.server.su/fotki/2017/'; // расположение сервера с фото
var spisok = [];              
for(var value = 1; value <= 300; value++) {
    var img = new Image();
    img.src = folder + value + '.jpg';
    spisok.push(img);
}
$('#glawnydiv').append(spisok);
var numSuccess = 0;
$(spisok).on('load', function(e){
  if(e.target.complete){
    numSuccess++;
  }
  if(numSuccess == spisok.length){
    alert('спасибо nulled');
  }
});
Единственное на кэшированные картинки load не сработает.
 
Последнее редактирование:
Назад
Сверху