Un caso de verano relativamente completo para cargar imágenes, no hay antecedentes (hay demasiados casos de carga de imágenes en línea), solo js front-end. El código proporcionado en línea pero con errores se soluciona.
En este ejemplo, JS no garantiza errores. Prueba personal disponible
<%@ page lenguaje = "java" contentType = "text/html; charset = utf-8" PageEncoding = "utf-8"%> <! DocType html> <html> <led> <script src = "// code.jquery.com/jquery-1.9.1.min.js"> ■</script> link href = "// netdna.bootstrappcdn.com/bootstrap/3.0.1/css/bootstrap.min.css" rel = "stylesheet" type = "text/css" <script 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-awesher.min.css "rel =" "stylesheet" type = "text/css"> <!-debe-> <link href = "Summernote-Master/Dist/Summernote.css" rel = "Stylesheet" type = "text/css"> <!-Mush-> <script src = "sumernote-master/dist/summernote.js"> </script> <! ------> <script. src = "Summernote-Master/Lang/Summernote-Zhh-Cn.js"> </script> <title> bootstrap-markdown </title> <style> .note-alarm {float: right; margin-top: 10px; margin-right: 10px;} </ystye> </head> <body> type = "text /javaScript"> $ (documento) .Ready (function () { /* function sendFile (file, editor, Weleditable) {console.log ("file ="+file); console.log ("editor ="+editor); console.log ("Weleditable) $ .AJAX ({url: 'Blog_images.jsp', Data: Data, Cache: False, ContentType: False, ProcessData: False, Type: 'Post', Success: Function (Data) {Editor.insertImage (Weleditable, Data.url);}}); 'zh-cn', // predeterminado: 'en-us' enfoque: true, barra de herramientas: [['style', ['bold', 'italic', 'subraye', 'claro']], ['fontsize', ['fontSize']], ['color', ['color'], ['para', ['ul', 'ol', 'párrafo]], [' '', ['], []], [altura', [altura ', [altura'. ['insertar', ['imagen', 'video']]], /*imagen: {selectFromFiles: 'Seleccionar archivo'},* / /*onimageUpload: function (archivos, editor, weleditable) {sendFile (files [0], editor, Weleditable) });}); función sendFile (archivo, editor, $ editable) {$ (". nota-toolbar.btn-toolbar"). append ('cargar imagen'); var filename = false; try {filename = file ['name']; alerta (fileName);} catch (e) {filename = = falso;} if (! FileName) {$ (". Note-Alarm"). Remove ();} // El error anterior previene el error de solicitud causado por arrastrar y soltar en el editor en la imagen para causar una segunda carga var ext = filename.substr (file.lastindexof (".")); ext = Ext.ToUpeperCerCerCerper TimeStamp+"_"+$ ("#Summernote"). Attr ('Aid')+ext; // El nombre es el nombre del archivo, definido a voluntad por mí mismo. La ayuda es el atributo que agregué para distinguir a los usuarios de archivos. data = new FormData (); data.append ("archivo", archivo); data.append ("key", name); data.append ("token", $ ("#sumernote"). attr ('token')); $. Ajax ({data: data, type: "post", url: "/sumernote/fileplroad", // la carga de la imagen de la imagen es la imagen de la imagen de la imagen de la imagen de la imagen es la imagen de la imagen de la imagen. cargado. $ ('('#Summernote '). Summernote (' Editor.insertImage ', "http://res.cloudinary.com/demo/image/upload/butterfly.jpg");$ declet Carga "); setTimeOut (function () {$ (". fallido "); setTimeOut (function () {$ (".El artículo anterior es un caso simple de carga de imagen Summernote que no informa errores. Este es todo el contenido que comparto con ustedes. Espero que pueda darle una referencia y espero que pueda apoyar más a Wulin.com.