Как отправить картинку через ajax?

Question

[voproser]

Извините, что я тупой но всё же не смог нагуглить ответа.
В форме есть у меня такой input

<div class="form-group">
    <label for="exampleFormControlFile1">Example file input</label>
    <input type="file" class="form-control-file" id="exampleFormControlFile1">
  </div>

Как мне с помощью ajax отправить data этого инпута.
Может какое-то кодирование картинки?
И в БД хранить название картинки или саму картинку только в закодированном виде?

Answer 1

[Антон]

В данные ajax передавать не каждый элемент формы по отдельности, а скопом, используя FormData(). Тогда в том методе, который Вы используете для ajax, Вам будут доступны данные о самом изображении. А там уже делайте с ним то, что считаете нужным.

Comments

[voproser]

спасибо! :D