Ein relativ vollständiger Summe-Case für das Hochladen von Bildern gibt es keinen Hintergrund (es gibt zu viele Fälle von Online-Hochladen von Bildern), nur Front-End-JS. Der Code, der online bereitgestellt wird, jedoch mit Fehler behoben.
In diesem Beispiel garantiert JS keine Fehler. Persönlicher Test verfügbar
<%@ page Language = "java" contentType = "text/html; charset = utf-8" pageCoding = "utf-8"%> <! docType html> <html> <kopf> <script src = "// code.jquery.com/jquery-1.9. 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/.3/css/font-awesome.min.min.min.min.min.min.min.min.min.Min.Min.Min.Min.Min.Min.Min.Min.Min.Min.Min.CSSs "rel =" rel = "rel =" rel = "rel =" rel = "rel =" " type = "text/css"> <!-Must-> <link href = "summenote-master/dist/summenote.css" rel = "styleSheet" type = "text/css"> <!-Must-> <script src = " src="summernote-master/lang/summernote-zh-CN.js"></script><title>bootstrap-markdown</title><style>.note-alarm {float: right;margin-top: 10px;margin-right: 10px;}</style></head><body> <div id="summernote"></div><script type = "text /javaScript"> $ (Dokument) .Ready (function () { /* function SENDFILE (Datei, Editor, Welteditable) {console.log ("Datei ="+Datei); console.log ("editor ="+editor); console.log ("Welteditable ="+Weleditle); Data = New FormData (); $ .ajax ({url: 'blog_images.jsp', Daten: Daten, Cache: false, contentType: false, processData: false, type: 'post', Erfolg: function (data) {rededier. 'zh-CN', // default: 'en-US' focus:true, toolbar: [ ['style', ['bold', 'italic', 'underline', 'clear']], ['fontsize', ['fontsize']], ['color', ['color']], ['para', ['ul', 'ol', 'paragraph']], ['height', ['height']], ['Einfügen', ['Bild', 'Video']], /*Bild: {selectFromFiles: 'Datei'},* / /*onimageUpload: function (Dateien, Editor) {sendFile (Dateien [0], Editor, Editastable); });}); Funktion sendFile (Datei, Editor, $ bearbeitbar) {$ (". Note-Toolbar.BTN-Toolbar"). append ('Bild hochladen'); var fileName = false; try {FileName = Datei ['Name']; alert (fileName);} catch (e) {fileName = fileName = fileName = false;} if (! Dateiname) {$ (". Note-Alarm"). REMET ();} // Das obige verhindert den Eingabeaufforderung, der durch Ziehen und Abfallen des Editors im Bild ein zweites Upload var ext = Filename.substr (Dateiname.Lastindexof (")). TIMESTAMP+"_"+$ ("#summernote"). attr ('aid')+ext; // Name ist der Dateiname, der nach Belieben von mir definiert ist. Hilfe ist das Attribut, das ich hinzugefügt habe, um Dateibenutzer zu unterscheiden. Data = new FormData (); Data.Append ("Datei", Datei); Data.Append ("Key", Name); Data.Append ("Token", $ ("#summernote"). attr ('token'); Hochgeladen. STEP. Laden "); setTimeout (function () {$ (". Notiz-Alarm "). REMET ();}, 3000);}, Fehler: function () {$ (". Note-Alarm "). Html (" Upload fehlgeschlagen "); setTimeout (function () {$ (". Notiz-Alarm "). REMET ();}, 3000);}});} </script> </body> </html>Der obige Artikel ist ein einfacher Fall des Summe -Summe -Bild -Upload -Falls, in dem keine Fehler angegeben werden. Dies ist der gesamte Inhalt, den ich mit Ihnen teile. Ich hoffe, Sie können Ihnen eine Referenz geben und ich hoffe, Sie können wulin.com mehr unterstützen.