Простой способ реализации функции загрузки изображений в Summernote

Я буду продолжать писать веб -страницу Bootstrap, как я уже говорил ранее ... и тогда я буду использовать богатый текстовый редактор, просто искать ее и выберите ее

Затем я нашел очень смущающую проблему ... функция загрузки изображения недействительна ... тогда различные поиски бесплодны ... Наконец, я пролистал официальный летний документ и, наконец, решил его. Короче говоря, я записал процесс решения.

Бэкэнд -часть не предоставляет код, она полна людей. Здесь, предполагая, что бэкэнд получает загруженный файл и возвращает адрес файла.

Во -первых, прикрепите справочные материалы: Официальный документ по разработке Summernote

Кратко рассказать о плане реализации функции загрузки изображений SummerNote

Во-первых, в соответствии с API, предоставленным официальным документом, прикрепите событие загрузки файла, затем используйте JS для повторной загрузки файла, и, наконец, используйте API для вставки изображения в поле редактирования.

Это был очень простой вопрос, но, к сожалению, чиновник не знал, почему был написан интерфейс ... и тогда вся информация, которую я искал в Интернете, была обманута ... хотя были причины, по которым я недостаточно подробно искал

Короче говоря, два основных API -интерфейса отсортированы, снимая события загрузки файлов и вставка изображений, а формат выглядит следующим образом в соответствии с официальной документацией.

 // Возьмите на себя загрузку изображения событие $ ('#summernote'). Summernote ({обратные вызовы: {onimageUpload: function (files) {// загружать изображение на сервер и вставить изображение в поле «Редактировать»}}}); // Вставка изображения $ ('#Summernote'). SeeMernote ('insertimage', urlAme, fillEnate, filemanate); Документ API веб -сайта, указанный выше

Затем вы можете легко реализовать поле «Редактировать Summernote», которая поддерживает загрузку изображений

Код заключается в следующем:

 $ ('#Summernote'). SummerNote ({обратные вызовы: {onimageUpload: function (files) {// загружать изображение на сервер, используя объект FormData. «upload», // Фоновый файл.

Наконец, это только реализует самую простую функцию загрузки изображения, которая имеет плохую совместимость и вообще не учитывает подсказки об ошибке ... Пожалуйста, измените его самостоятельно по мере необходимости

Простым способом реализации функции загрузки изображения в Summernote является весь контент, общий редактор. Я надеюсь, что это может дать вам ссылку, и я надеюсь, что вы сможете поддержать Wulin.com больше.