Получить изображение из Google Images для фона - PullRequest
Новая
       26

Получить изображение из Google Images для фона

0 голосов
/ 22 февраля 2020

У меня есть такой код, но я хочу брать изображения из картинок Google, а не из flickr. Возможно ли это? 

<html>
<head>
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script type="text/javascript">

    var keyword = "mountains";

    $(document).ready(function(){

        $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?",
        {
            tags: keyword,
            tagmode: "any",
            format: "json"
        },
        function(data) {
            var rnd = Math.floor(Math.random() * data.items.length);

            var image_src = data.items[rnd]['media']['m'].replace("_m", "_b");

            $('body').css('background-image', "url('" + image_src + "')");

        });

    });
    </script>
</head>
<body>

</body>
</html>

Ответы [ 2 ]

1 голос
/ 24 февраля 2020

Вы можете использовать такой сервис, как SerpAPI, для сканирования результатов поиска Google: https://serpapi.com/images-results

Используя SerpAPI, вы можете получить ответ JSON с URL-адресами изображений. Обратите внимание на две вещи:

  • Вы будете напрямую связывать изображения с Google. Некоторые изображения могут не работать, если они отключают хотлинкинг
  • Отображаемые вами изображения могут не масштабироваться до нужного размера (представьте, что для изображения размером 150 пикселей используется изображение размером 1200 пикселей)

Преобразование images

Если вы хотите больше контроля над изображениями, вы можете использовать сервис, такой как imgix или Cloudinary, который может либо прокси-сервер, либо разместить изображение для вас. Затем вы бы:

  1. Использовать что-то вроде SerpAPI для получения ответа JSON с URL-адресами изображений
  2. Используйте URL-адрес для передачи в сервис рендеринга изображений. Пример imgix: https://webproxybryan.imgix.net/https%3A%2F%2Fsearchengineland.com%2Ffigz%2Fwp-content%2Fseloads%2F2015%2F12%2Fgoogle-amp-fast-speed-travel-ss-1920-800x450.jpg?w=600&auto=compress%2Cformat&s=3e27b1f48a74c13608cb22b1bafafa87
    • URL-адрес является URI, закодированным в приведенном выше примере и подписанным. Параметры также добавляются для преобразования изображения через API URL imgix
  3. Отображение этого URL в вашем приложении / веб-сайте

С помощью imgix или Cloudinary вы можете оптимизировать изображения для вашего сайта и трансформировать их по требованию. Просто будьте осторожны с вашим использованием, так как вам будет выставлен счет за использование любого сервиса вместо горячей ссылки на изображение.

0 голосов
/ 23 февраля 2020

Вы можете собирать изображения из любого места, включая Google, и хранить их в Cloudinary. Cloudinary может разместить изображения для вас, так что все, что вам нужно, это URL-адрес, который связывает это конкретное изображение в вашей учетной записи. Это сохранит стабильность, если конкретный сайт на изображениях Google изменит свои изображения во время работы вашего приложения.

https://cloudinary.com/

...