Как отправить фото из формы используя FileAPI?

Question

[ad1vk]

Всем привет! Есть следующая задача:

Необходимо сделать форму отправки фотографий с прогрессбаром и последующей отправкой ссылок на загруженные фото или самих фото на email.
Нашел скрипт для загрузки фото rubaxa.github.io/jquery.fileapi

но никак не пойму как сделать отправки фоток на email и куда они вообще сохраняются?

Answer 1

[Alexander Sydorenko]

fileapi это только клиентская часть.

На сервере должен быть обработчик запросов от fileapi, адрес которого вы указываете здесь как url

$('#simple-btn').fileapi({
   url: '/server/handler.php',
   multiple: true,
   maxSize: 20 * FileAPI.MB,
   autoUpload: true,
   elements: {
      size: '.js-size',
      active: { show: '.js-upload', hide: '.js-browse' },
      progress: '.js-progress'
   }
});

вот этот скрипт /server/handler.php и должен получать ваши фото, сохранять их куда надо, генерировать на них ссылки, и отправлять эти ссылки на e-mail.

Comments

[ad1vk]

Спасибо. А это в каком файле?

[Alexander Sydorenko]

Это зависит от Вас, в каком вы укажете. Назовете свой файл image-handler.php положите его в корень сайта, тогда соответственно в FileApi строка url: '/server/handler.php', измениться на url: '/image-handler.php', и у же тогда в своем image-handler.php полностью пишете обработку получения, сохранения картинок, отправки ссылок по почте.

[Leshiy66613]

Alexander Sydorenko: а можете показать ПОНЯТНЫЙ для нуба и простой пример такого обработчика? спасибо

[Alexander Sydorenko]

@Leshiy66613: Там же на гитхабе https://github.com/RubaXa/FileAPI/tree/gh-pages/server fetchImages в ctrl.php можно расширять и дополнять своим функционалом.

[Leshiy66613]

Alexander Sydorenko: я его не совсем понимаю что он куда он))