How to submit a photo from a form using the FileAPI?

Question

JavaScript

Hello! There is the following task: It is

necessary to make a form for sending photos with a progress bar and then sending links to uploaded photos or the photos themselves by email.
I found a script for uploading photos rubaxa.github.io/jquery.fileapi

but I don’t understand how to send photos to email and where are they saved at all?

Answer 1

fileapi is just the client side.
The server must have a request handler from fileapi, the address of which you specify here as 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'
   }
});

this script /server/handler.php should receive your photos, save them where necessary, generate links to them, and send these links to e-mail.