Привет
public options: Object = {
events: {
'froalaEditor.image.beforeUpload': function(e, editor, images) {
alert('')
}
}
}
после загрузки изображения событие не работает
Привет
public options: Object = {
events: {
'froalaEditor.image.beforeUpload': function(e, editor, images) {
alert('')
}
}
}
после загрузки изображения событие не работает
Вам нужно установить 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;
}
}
};