Ajax-загрузка изображений на облачный сервис Imgur.com

В одном из проектов, над которыми я работал, была необходимость сделать ajax-загрузку изображений на облачный сервис imgur.com. Решил выложить этот функционал, возможно кому-то пригодится.

Первое, что нам необходимо сделать, это соответственно зарегистрироваться на данном сервисе и перейти в раздел API. После чего создать приложение (register an application).

Регистрация приложение в Imgur API

В пункте Authorization type выбираем вариант “Anonymous usage without user autorization”. После того как форма будет заполнена, мы получим данные для доступа: Client ID и Client Secret, они понадобятся позже.

Данные для доступа к приложению

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

Остается только реализовать javascript-функцию upload().

На этом все готово. Можно тестировать.

Стоит отметить, что так как мы в функции upload() использовали элементы из библиотеки jQuery, то нам нужно её подключить. Конечно, можно было бы обойтись и без jQuery, но в данном проекте этого не требовалось.

 

загрузка комментариев