Как быстро загружать сторонние доменные изображения с помощью AJAX? - PullRequest
Новая
       5

Как быстро загружать сторонние доменные изображения с помощью AJAX?

0 голосов
/ 24 сентября 2018

Я показываю несколько Мерцающих изображений на моем веб-сайте, используя Lazy-Load .Но это делает прокрутку страницы очень медленной.Я ищу более быстрый способ загрузки изображений, используя вызов AJAX .

JavaScript: 

var self = $(this);

$.ajax({
    url         : base_url + 'images/load/'+params,
    type        : 'get',
    async       : true,
    timeout     : 10000
})
.done(function(data, status, request) {
    self[0].src =   'data:image/jpeg;base64,' + data;
})
.error(function(xhr, textStatus, errorThrown ) {
    $('#report-image').hide();
    self[0].src = self.data('onerror');
})

HTML: 

<div class="custom-image">
    <img class="lazy-load" alt="Shree Siddhivinayak Image" data-error="example.com/img/default.jpg" data-src="example.com/images/load/name:shree-siddhivinayak"  src="example.com/img/lazyload/onepixel.jpg">
</div>

PHP: 

$image =  curl_call($getImagebyUrl); // Get image by curl call to Flicker Image URL
echo base64_encode($image); exit;
...