Как получить изображение по его источнику?

Как я могу написать клиентский javascript, чтобы получить изображение по его источнику?


person Homam    schedule 24.01.2011    source источник


Ответы (2)


Изображение, которое находится на странице?

Вы можете сделать это с помощью jQuery:

<body>
    <!-- your content including the image -->

    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
    <script type="text/javascript">
        $(function() {
            var myimg = $('img[src="/some/path/to/img.jpg"]');
        });
    </script>
</body>

При этом используется tag-selector(документы) вместе с attribute-equals-selector(документы) чтобы получить img элементов, где src соответствует нужному источнику.

person user113716    schedule 24.01.2011
comment
Хотя я предлагаю размещать теги script в разделе <head>, а не в теле, просто чтобы придерживаться стандартов и поддерживать порядок. $(function() { //stuff here }); гарантирует, что скрипт не запустится, пока DOM не будет готов, поэтому его размещение в разделе <head> не будет проблемой. - person Chev; 24.01.2011
comment
@Chevex: Да, $(function() {}); гарантирует готовность DOM, но я не уверен, какой стандарт вы имеете в виду. - person user113716; 24.01.2011
comment
W3C рекомендует размещать их в разделе <head> просто для удобства чтения. Особенно ссылки на внешние скрипты, такие как JQuery CDN. - person Chev; 24.01.2011
comment
@Chevex: я не могу найти эту рекомендацию. Не могли бы вы дать мне указатель? Размещение тегов <script> в <body> соответствует стандарту. Из HTML 4.0.1, 18.2.1 Этот элемент может появляться любое количество раз в HEAD или BODY документа HTML. Я просмотрел дополнительные рекомендации, но не смог их найти, но, возможно, я ищу не в том месте. - person user113716; 24.01.2011

Используйте JQuery.

$("img[src='imageurl.jpg']")

person Chev    schedule 24.01.2011