Summernote-url изображения вместо Base64
Summernote WYSIWYG editor кодирует файлы изображений в Base64. Ну, это кажется удобным, но я ожидаю, что БД будет использоваться довольно сильно в течение длительного времени. Это вызовет некоторые проблемы-медленный поиск, реализация библиотеки изображений и т. д...
интересно, есть ли у него возможность отключить эту опцию кодирования и использовать метод "вставка url" intead. Я искал его, но пока безуспешно.
например, вместо хранения изображений как...
<img style="width: 640px;" src="data:image/jpeg;base64,/9j/4Qv6RXhpZgAATU0AKgAAAAgABwESAAMAAAABAAEAAAEaAAUAAAABAAAAYgEbAAUAAAABAAAAagEoAAMAAAABAAIAAAExAAIAAAAeAAAAcgEyAAIAAAAUAAAAkIdp...............>
он должен быть...
<img src="/images/blah/blah.jpg.">
какие-нибудь документы? или какие-либо примеры для ссылки?
спасибо !
2 ответов
вам нужно написать пользовательскую функцию для 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