Summernote — URL изображения вместо Base64
Редактор Summernote wysiwyg кодирует файлы изображений в Base64. Ну, это кажется удобным, но я ожидаю, что БД будет довольно интенсивно использоваться в течение длительного времени. Это вызовет некоторые проблемы — медленный поиск, реализация библиотеки изображений и т. Д.
Интересно, есть ли у него возможность отключить эту опцию кодирования и использовать метод ‘вставка URL’ intead. Я искал это, но большого успеха пока нет.
Например, вместо хранения изображений, таких как …
<img style="width: 640px;" src="data:image/jpeg;base64,/9j/4Qv6RXhpZgAATU0AKgAAAAgABwESAAMAAAABAAEAAAEaAAUAAAABAAAAYgEbAAUAAAABAAAAagEoAAMAAAABAAIAAAExAAIAAAAeAAAAcgEyAAIAAAAUAAAAkIdp...............>
так должно быть…
<img src="/images/blah/blah.jpg.">
Любая документация? или какие-либо примеры для ссылки?
Спасибо !
Решение
Вам нужно написать пользовательскую функцию для onImageUpload ().
Я искал решение. Нашел это: Загрузка изображения Summernote
Другие решения
У меня была эта проблема с некоторыми из моих приложений. Я создал подробный учебник здесь https://a1websitepro.com/store-image-uploads-on-server-with-summernote-not-base-64/
Вы должны сообщить Summernote, что вы собираетесь обработать файл изображения с помощью функции.
$(document).ready(function() {
$("#summernote").summernote({
placeholder: 'enter directions here...',
height: 300,
callbacks: {
onImageUpload : function(files, editor, welEditable) {
for(var i = files.length - 1; i >= 0; i--) {
sendFile(files[i], this);
}
}
}
});
});
Затем создайте другую функцию, подобную этой, для обратного вызова.
function sendFile(file, el) {
var form_data = new FormData();
form_data.append('file', file);
$.ajax({
data: form_data,
type: "POST",
url: 'editor-upload.php',
cache: false,
contentType: false,
processData: false,
success: function(url) {
$(el).summernote('editor.insertImage', url);
}
});
}
Затем вам нужно будет создать файл php. Для обработки запроса. Обратите внимание, что файл php для этого скрипта называется editor-upload.php