Как я могу загрузить изображение с помощью AJAX в rails5.1.6

Question

Я занимаюсь разработкой небольшого сайта с использованием Rails 5.1.6, и у меня возникли проблемы с загрузкой изображения.Мне нужно загрузить с помощью AJAX, и я нашел некоторые ответы с помощью поиска в Google, но мне пока не удалось.Я использую Rails 5.1.6 и использовал тег rails form, который включает file_field.Я хочу загрузить изображение, выбранное в браузере файлов с помощью AJAX.

Answer 1

//f.file_field in html.erb will be compiled to <input type='file'>
//you can construct FormData manually, param by param:
var fileInput = document.querySelector('form input[type=file]');
var attachment = fileInput.files[0];
var formData = new FormData(); 
formData.append('email', 'Your Email');
formData.append('attachment', attachment, 'filename.jpg');

//In jQuery you would send it like this:

      $.ajax({
        url: "/profile/upload_image",
        type: "POST",
        beforeSend: function(xhr) {xhr.setRequestHeader('X-CSRF-Token', $('meta[name="csrf-token"]').attr('content'))},
        data: "data=" + formData,
        success: function(data) {
          ...
        }
      });

У меня также был такой тип проблемы.Вы можете отправить информацию из вашего файла изображения в ваш rails API, используя AJAX, и там вы можете загрузить изображение с информацией.Чтобы загрузить файл через AJAX (например, из), вам нужно заключить свои параметры в объект FormData.