Можно ли загрузить файл изображения на сервер с помощью quilljs?Php

Кемеровские программисты php общаются здесь
Ответить Пред. темаСлед. тема
Anonymous
 Можно ли загрузить файл изображения на сервер с помощью quilljs?

Сообщение Anonymous »

Добрый день, можно ли загрузить файл изображения на сервер с помощью quilljs?
может ли кто-нибудь сказать мне, как отправить изображения на сервер с помощью quilljs.
Я попробовал это путь, но мне это не удалось.

Код: Выделить всё










const toolbarOptions = [
['bold', 'italic', 'underline'],
['blockquote'],
['image', 'video',],

];

const quill = new Quill('#editor', {
modules: {
toolbar: toolbarOptions
},
theme: 'snow'
});

function selectLocalImage() {
var input = document.createElement("input");
input.setAttribute("type", "file");
input.click();
// Listen upload local image and save to server
input.onchange = () => {
const file = input.files[0];
// file type is only image.
if (/^image\//.test(file.type)) {
this.saveToServer(file, "image");
} else {
console.warn("Only images can be uploaded here.");
}
};
}

function saveToServer(file) {
const fd = new FormData();
fd.append('image', file);

const xhr = new XMLHttpRequest();
xhr.open('POST', 'https://localhost/imagens', true);
xhr.onload = () => {
if (xhr.status === 200) {
// this is callback data: url
const url = JSON.parse(xhr.responseText).data;
insertToEditor(url);
}
};
xhr.send(fd);
}
function insertToEditor(url) {
// push image url to editor.
const range = quill.getSelection();
quill.insertEmbed(range.index, "image", url);
}

quill.getModule("toolbar").addHandler("image", () => {
this.selectLocalImage();
});

Я получаю ответ 301 на консоли.
Может ли кто-нибудь помочь мне это исправить?
Я глубоко благодарен , просто изучите цели для новичка.

Подробнее здесь: https://stackoverflow.com/questions/793 ... ng-quilljs
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение
  • Можно ли загрузить файл изображения на сервер с помощью quilljs?
    Anonymous » » в форуме Javascript
    0 Ответы
    14 Просмотры
    Последнее сообщение Anonymous
  • Как вставить HTML в Quilljs?
    Anonymous » » в форуме Html
    0 Ответы
    22 Просмотры
    Последнее сообщение Anonymous
  • Quilljs Textfromat API не сохраняет предыдущий формат шрифта
    Anonymous » » в форуме Javascript
    0 Ответы
    14 Просмотры
    Последнее сообщение Anonymous
  • Как вставить HTML в Quilljs?
    Anonymous » » в форуме Html
    0 Ответы
    7 Просмотры
    Последнее сообщение Anonymous
  • Как получить доступ к содержимому узла в Quilljs?
    Anonymous » » в форуме Javascript
    0 Ответы
    4 Просмотры
    Последнее сообщение Anonymous

Вернуться в «Php»