Главная » Статьи » Сайтостроение

ЧТО ДЕЛАТЬ, ЕСЛИ В КОММЕНТАРИЯХ НЕЛЬЗЯ ДОБАВИТЬ ИЗОБРАЖЕНИЕ?

ЧТО ДЕЛАТЬ, ЕСЛИ В КОММЕНТАРИЯХ НЕЛЬЗЯ ДОБАВИТЬ ИЗОБРАЖЕНИЕ?

        В настоящее время нередко у пользователей интернета возникает необходимость дополнить свои комментарии графическими материалами.  А что делать, если в разделе «комментарии» нет функции добавления изображения? Я с этим вопросом столкнулся, когда один из пользователей сайта обратился с техническим вопросом по обслуживанию компьютера. Для  решения понадобилось предоставить скриншот одного из ключей реестра своего компьютера, но он не смог отправить его из-за отсутствия возможности прикрепить файл к комментарию и к стандартной почтовой форме, применяемой на сайте. Предлагаю разобраться в вопросах, почему на сайтах не всегда присутствует возможность добавления к комментариям графического материала, и как обойти эту проблему.

        Напомню, что посетители сайтов по возможностям своего поведения на сайтах распределяются по категориям. На сайтах, размещенных на хостинге uCoz, посетители сайтов делятся на следующие категории: 1. Администраторы; 2. Модераторы; 3. Друзья; 4. Проверенные; 5. Пользователи; 6. Гости; 7. Заблокированные. Владелец сайта вправе сам определять возможности пользователей указанных категорий. В целях исключения злоупотребления пользователями сайта использованием функции добавления графического материала, вебмастера отключают ее для некоторых категорий посетителей сайтов. Точнее, они позволяют использовать эту возможность не всем пользователям. В качестве примера, на Рис.1 представлена форма добавления комментариев посетителями сайта, которые включены в категорию «Пользователи», а на Рис.2 показана форма добавления комментариев посетителями сайта, которые включены в категорию по рангу более высокую, чем категория «Пользователи». Из рисунков видно, что посетители сайта, которые включены в категорию более высокую, чем категория «Пользователи», имеют возможность добавления в комментариях графических материалов (см.1 Рис.2). А в форме добавления комментариев у категории «Пользователи» такой пиктограммы нет (см. Рис.1). Если у посетителя, входящего в категорию «Пользователь», есть необходимость добавления графического материала, он может либо добиться у администраторов сайта повышения своего статуса, либо воспользоваться советами, приведенными ниже.

        Начнем с того, что даже администраторы сайтов, размещенных на хостинге uCoz, по умолчанию могут прикреплять к своим комментариям только те графические файлы, которые имеют свои URL-адреса в интернете (независимо от сайтов-источников этих ссылок). Но, т.к. сейчас речь идет о категории «Пользователи», то поговорим об их конкретных возможностях.

        Существует несколько способов «Пользователям» поделиться своими графическими файлами, если эта функция у них отключена. Первый вариант – необходимо сделать так, чтобы графический материал был размещен в интернете и, получив ссылку на него, «Пользователь» может разместить эту ссылку в комментариях, либо отправить ее по электронной почте, воспользовавшись почтовыми формами, существующими на сайте.  Второй вариант – преобразовать изображение в HTML-код, так, чтобы браузер потом мог преобразовать этот код в исходный рисунок, с последующей отправкой этого кода необходимому адресату. Во втором случае размещать код в комментариях не целесообразно, т.к. он может оказаться слишком громоздким, но зато его можно отправить электронным письмом. Об обоих этих способах уже говорилось в статьях «Как бесплатно увеличить объем жесткого диска» и «Как создать Email с картинками».  Конечно, в явном виде в упомянутых статьях о таких способах не говорилось, поэтому сейчас пошагово рассмотрим первый способ и частично второй, т.к. он будет детально описан в статье «Как преобразовать HTML-код в рисунок».

        Применение облачных хранилищ для передачи изображений

Самый простой способ передачи графических изображений практически любых размеров – это применение облачных хранилищ, о которых шла речь в статье «Как бесплатно увеличить объем жесткого диска». Кстати, напоминаю, что в выше указанной статье упоминалось лишь незначительное количество облачных хранилищ, которые предоставляют бесплатные услуги по размещению файлов пользователей интернета на своих серверах. Кто-то даже обиделся, что в статье «Как пересылать большие файлы», в которой частично рассматривался этот вопрос, не был упомянут сервис «ДжамбоМеил». Но, как уже говорилось, перечислить все сервисы, предоставляющие облачные хранилища, просто невозможно из-за их большого количества.

        Следует помнить, что каждая компания, предоставляющая технологию облачных хранилищ, имеет свои установленные порядки предоставления услуг пользователям интернета, а также программное обеспечение, позволяющее пользоваться их услугами. В связи с этим и порядок получения ссылки на графический файл, размещенный в облачном хранилище, для каждого сервиса может отличаться. Я предлагаю рассмотреть этот вопрос на примере «Яндекс-диск». Ну, а чтобы  статья имела привязку к конкретному случаю, который послужил толчком к ее написанию, в качестве примера используем вариант отправки скриншота какого-нибудь ключа реестра.

        Шаг 1. Открываем реестр своего компьютера (запускаем программу «Редактор реестра» - файл инициализации «Regedit.exe»). Порядок действий:

        А. Вызываем окно команды «Выполнить» - одновременно нажимаем клавиши «Win» и «R». Открывается окно Рис.3. В поле «Открыть» (см.1 Рис.3) вводим команду «regedit» и жмем «ОК» (см.2 Рис.3). Если брандмауэр запросит подтверждение – жмем «ОК».

        Б. В появившемся окне редактора реестра отройте необходимый вам ключ (см. Рис.4). Как пользоваться программой «Редактор реестра» достаточно детально описано в статье «Удаление следов Avast из реестра». После того, как найдете нужный ключ, сделайте скриншот окна Редактора реестра, нажатием клавиши «Print Screen». После этого изображение на вашем экране сохранится в буфере обмена вашего компьютера.

        Шаг 2. Сохраненное в буфере обмена изображение окна программы «Редактор реестра» с помощью стандартной программы «Paint», по умолчанию включенной в операционную систему Windows, преобразуйте в графический файл и сохраните на своем компьютере.

        Шаг 3.

        А. В окне браузера (я использую Google Chrome, а вы можете использовать любой, на свое усмотрение) откройте свое облачное хранилище (в моем случае это «Яндекс-диск»). Как это делается описано в статье «Как бесплатно увеличить объем жесткого диска».  В окне браузера с открытым «Яндекс-диском» (см. Рис.5) нажмите кнопку «Загрузка» (см.1 Рис.5) для того, чтобы загрузить файл созданного вами скриншота окна программы «Редактор реестра». Перед вами откроется окно, в котором вы должны указать путь к интересующему вас файлу (в данном случае это Рис.4). После того, как вы укажете необходимый вам файл, начнется его загрузка в облачное хранилище, о чем будет свидетельствовать дополнительное окно загрузки (см.2 Рис.5).

        В. После того, как загрузка графического файла завершится (см.2 Рис.5), найдите загруженный файл Рис.4 в окне «Яндекс-диска» (см.1 Рис.6) и выделите его. Окно вашего Яндекс диска приобретет вид Рис. 6, в котором будет раздел «Поделиться ссылкой» (см.2 Рис.6) выделенного вами файла (см.1 Рис.6). Вам остается только нажать кнопку «Копировать» (см.3 Рис.6) и ссылка сохранится в буфере обмена вашего компьютера. Проверить, как работает эта ссылка, созданная мною в облачном хранилище «Яндекс-диск», вы можете здесь. Теперь вы можете вставить эту  ссылку (точнее ссылку, созданную вами) в текст своего комментария, или поделиться ею, отправив кому-нибудь по почте.

        Как видите, первый способ очень прост, и работает безотказно.

        Преобразование изображения в HTML-код

        Как уже отмечалось выше, размещение графического файла в облачном хранилище с последующим предоставлении ссылки на этот файл является не единственным способом предоставить информацию о графическом файле заинтересованным лицам при наличии ограничений в разделе «Комментарии к материалу» и стандартных почтовых формах. Также можно воспользоваться HTML-кодом графического файла, который можно получить с помощью бесплатного сервиса «BASE64».

        Об этом способе довольно детально говорилось в статье «Как создать Email с картинками». Но учитывая, что дизайн бесплатного сервиса «BASE64» несколько изменился, рассмотрим процесс подробно.

        Шаг 1. Заходите на бесплатный сервиса «BASE64», перед вами откроется окно (см. Рис.7). В окне сервиса преобразования рисунка в HTML-код вы увидите справочную информацию о файлах, с которыми работает этот сервис (см.1 Рис.7) и перечень браузеров, в которых однозначно будет преобразовываться HTML-код, полученный с помощью этого сервиса, в исходный рисунок. Следует помнить, что бесплатный сервис «BASE64» может работать с графическими файлами, размер которых не превышает 1 Мб.

        Шаг 2. Преобразовываем рисунок в HTML-код.

        В окне Рис.7 больше всего нас интересуют две рабочие области. Область «Перетаскивания изображения» (см.3 Рис.7) и кнопка «Нажмите здесь» (см.4 Рис.7). Обе области предназначены для начала преобразования изображения в HTML-код. Если вам удобно воспользоваться областью «Перетаскивания изображения» (см.3 Рис.7), то просто перетяните туда интересующий вас файл (в моем случае это Рис.4). Если вы хотите воспользоваться кнопкой «Нажми здесь», перед вами откроется окно, в котором вы должны будете указать путь к вашему файлу. После того, как вы укажите сервису файл, который хотите преобразовать в HTML-код, сервис в считанные секунды (зависит от скорости интернета) выполнит работу по преобразованию и перед вами откроется окно Рис.8.

        Шаг 3. В окне Рис.8 получите HTML-код, который получится в результате преобразований вашего рисунка.

        В окне Рис.8 вы можете видеть название вашего файла (см.1 Рис.5), размер графического изображения (см.2 Рис.8) и размер файла, который получился в результате преобразования (см.3 Рис.8). Если вы нажмете кнопку «show cod» (см4 Рис.8), перед вами откроется окно с результатами преобразования (см.5 Рис.8). Нас интересует код в окне «For use in <img> elements:» (см.7 Рис.8). Чтобы выделить его для копирования необходимо нажать кнопку «select all» (см.6 Рис.8). Вам остается лишь скопировать код и отправить его по почте заинтересованному человеку.

        Для обратного преобразования HTML-кода в рисунок, в простейшем случае, если HTML- код не слишком огромен, можно попробовать вставить его в адресную строку браузера Google Chrome. Такой вариант визуализации HTML – кода срабатывает в 90% случаев, и тоже не требует от пользователей интернета специальных знаний. Если такой способ визуализации не сработает, вам придется воспользоваться визуальным HTML- редакторам. Этот способ будет детально рассмотрен в статье «Как преобразовать HTML-код в рисунок».

        Внешний вид окна браузера Google Chrome после вставки HTML- кода, полученного путем преобразования изображения рисунка Рис.4 на сайте https://www.base64-image.de/, будет иметь вид, как на Рис.7. Как видите, в данном случае достигнут положительный эффект преобразования HTML-кода в исходный рисунок. Но, к сожалению, так бывает не всегда. И зависит это, в первую очередь, от размера  HTML- кода.

        Иценко Александр Иванович

Категория: Сайтостроение | Добавил: inok (23.04.2017) | Автор: Иценко Александр Иванович W
Просмотров: 181 | Теги: комментарий, преобразование, ссылка, HTML- код, изображение | Рейтинг: 5.0/14
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]