Редактор Froala - событие загрузки изображения не работает - Angular 9

Привет

   public options: Object = {
      events: {
        'froalaEditor.image.beforeUpload': function(e, editor, images) {

            alert('')
        }
    }
}

после загрузки изображения событие не работает


person Deepak Verma    schedule 14.04.2020    source источник


Ответы (1)


Вам нужно установить axios в проект, чтобы помочь с отправкой запроса:

Для этого выполните следующую команду

npm install axios

После этого у вас есть пара, которая позволяет загружать изображения на серверы, но самое главное, свойство imageUpload должно быть установлено в true, см. фрагмент кода ниже для получения дополнительной информации:

public options: Object = {
  charCounterCount: true,
  imageUpload: true,
  imageUploadMethod: 'POST',
  // Set max image size to 5MB.
  imageMaxSize: 5 * 1024 * 1024,
  events: {
    'froalaEditor.image.beforeUpload': function(e, editor, images): any {
      // Before image is uploaded
      const data = new FormData();
      data.append('image', images[0]);

      axios.post('your_imgur_api_url', data, {
        headers: {
          'accept': 'application/json',
          'Authorization': 'your_imgur_client_id/api_key',
          'Accept-Language': 'en-US,en;q=0.8',
        }
      }).then(res => {
        editor.image.insert(res.data.data.link, null, null, editor.image.get());
      }).catch(err => {
        console.log(err);
      });
      return false;
    }
  }
};
person Abilkhair Zhamiyev    schedule 03.06.2020