Относительно полный корпус для загрузки изображений, фона нет (существует слишком много случаев загрузки фотографий в Интернете), только Front-End JS. Код, предоставленный онлайн, но с ошибками исправлен.
В этом примере JS не гарантирует ошибок. Личный тест доступен
<%@ page language = "java" contentType = "text/html; charset = utf-8" pageencoding = "utf-8"%> <! doctype html> <html> <Head> <script src = "// code.jquery.com/jquery-1.9.1.js. href = "// netdna.bootstrappcdn.com/bootstrap/3.0.1/css/bootstrap.min.css" rel = "styleSheet" type = "text/css"> <Скрипт src = "// netdna.bootStrappcdn.com/bootstrap/3.0.1/js/bootstrap.min.js"></script> link href =" // netdna.bootstrappcdn.com/font-awesome/4.0.3/css/font-awesome.min.css "splieshethethept". type = "text/css"> <!-uppt-> <link href = "summernote-master/dist/summernote.css" rel = "stylesshiet" type = "text/css"> <!-обязательно-> <script src = "summernote-master/dist/summernote.js"> </script> <! src = "Summernote-master/lang/summernote-Zh-cn.js"> </script> <title> bootstrap-markdown </title> <style> .note-alarm {float: справа; Margin-top: 10px; Margin Right: 10px;} </style> </head> <body> <div = "Summernote"> </style> </head> <body> <div = "Divip> </style> </head> <body> <div =". type = "text /javascript"> $ (document) .ready (function () { /* function sendfile (файл, редактор, сварки $ .ajax ({url: 'blog_images.jsp', data: data, cache: false, contentType: false, processdata: false, type: 'post', успех: функция (data) {editor.insertimage (weldable, data.url);}}); «ZH-CN», // по умолчанию: 'en-us' Focus: true, панель инструментов: [['style', ['bold', 'italic', 'подчеркивание', 'clear']], ['' fontsize ', [' 'fontisize']], ['color', ['color'], [Para ', [' ul ',', ',', ',', ','], [ul ',', ',', ','], ['ul'? ['height']], ['insert', ['picture', 'video']]], /*изображение: {selectfromfiles: 'select file'},* / /*onimageupload: function (файлы, редактор, сварки Редактор, $ editable); false;} if (! filename) {$ (".. Note-Alarm"). Remove ();} // Вышеуказанное предотвращает ошибку подсказки, вызванную перетаскиванием и падением в редакторе на рисунке, чтобы вызвать вторую загрузку var ext = filename.substr (filename.lastidexof (")); ext.touppercase () vareStam TimeStamp+"_"+$ ("#summernote"). attr ('apid')+ext; // Имя - это имя файла, определяемое по желанию. Помощь - это атрибут, который я добавил, чтобы отличить пользователей файлов. data = new FormData (); Data.Append ("file", file); data.append ("key", name); data.append ("token", $ ("#summernote"). attr ('token')); $. ajax ({data: type: «post», url: «/summernote/fileUpload», // url optrable orproded url uprabled our url. Загружено в формате http ContentType: «JSON», Cache: False, ProcessData: False, успех: функция (данные) {// Данные - это возвращаемое значение, такое как хэш, ключ и ключ - это определение имени файла (данные); // Поместите изображение. это шаг Загрузка "); setTimeout (function () {$ (".. Note-Alarm "). Remove ();}, 3000);}, ошибка: function () {$ (". Note-Alarm "). html (" upload Не удалось "); settimeout (function () {$ (".. Note-Alarm "). Remove ();}, 3000);}});} </script> </body> </html>Приведенная выше статья представляет собой простой летний случай загрузки изображения, который не сообщает ошибки. Это весь контент, которым я делюсь с вами. Я надеюсь, что вы можете дать вам ссылку, и я надеюсь, что вы сможете поддержать Wulin.com больше.