Un cas Summernote relativement complet pour télécharger des photos, il n'y a pas d'arrière-plan (il y a trop de cas de téléchargement de photos en ligne), uniquement JS frontal. Le code fourni en ligne mais avec des bogues est corrigé.
Dans cet exemple, JS ne garantit aucune erreur. Test personnel disponible
<% @ page Language = "Java" contentType = "Text / html; charset = utf-8" pageencoding = "utf-8"%> <! doctype html> <html> <a-head> <script src = "// code 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.bootsstrappcdn.com/font-awesome/4.0.3/css/font-awesai type = "text / css"> <! - Must -> <link href = "Summernote-master / dist / summernote.css" rel = "Stylesheet" type = "text / css"> <! - Must -> <script src = "Summernote-Master / Dist / Summernote.js"> </ script> <! ------> <script 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"> </vriv type = "text / javascript"> $ (document) .ready (function () {/ * function sendFile (fichier, éditeur, weletable) {console.log ("file =" + file); console.log ("editor =" + éditorial); console.log ("weledIT =" + weleditable); data = new formData (); data.Append ("Blog_image [immaire $ .ajax ({URL: 'blog_images.jsp', données: données, cache: false, contenu: false, processData: false, type: 'post', Success: function (data) {editor.insertimage (weletable, data.url);}}); 'Zh-Cn', // Default: 'en-us' focus: true, barre d'outils: [['style', ['bold', 'italique', 'sous-liné', 'clairement']], ['Fontsize', ['Fontsize']], [Color ', [' Color '], [' para ',', ',', ',', ',', ',', paragraph '] [insérer ', [photo', 'vidéo']], / * image: {selectFromFiles: 'select file'}, * / * onImageUpload: function (fichiers, éditeur, weletable) {sendFile (fichiers [0], éditeur, weleditable); });}); function sendFile (file, éditeur, $ moditable) {$ (". note-toolbar.btn-toolbar"). append ('uploading image'); var filename = false; try {fileName = fileName = name ']; alert (filename);} catch (e) {filename = false;} if (! filename) {$ (". note-alarm"). retire ();} // ce qui précède empêche l'erreur rapide causée par la traînée et la décharge de l'éditeur dans l'image pour provoquer un deuxième téléchargement var ext = filename.substr (filename.lastindexof (".")); ext = ext.toupperase (); var timestamp = new Date ().).). Timestamp + "_" + $ ("# Summernote"). Att ('AID') + ext; // Le nom est le nom de fichier, défini à volonté par moi-même. L'aide est l'attribut que j'ai ajouté pour distinguer les utilisateurs de fichiers. data = new formData (); data.append ("file", fichier); data.append ("key", name); data.append ("token", $ ("# summernote"). att ('token')); $. Téléchargé du format HTTP: "JSON". Cette étape. Chargement "); setTimeOut (function () {$ (". note-alarm "). disover ();}, 3000);}, error: function () {$ (". note-alarm "). html (" télécharger Échec "); setTimeOut (function () {$ (". note-alarm "). retire ();}, 3000);}});} </cript> </body> </html>L'article ci-dessus est un cas de téléchargement d'image Summernote simple qui ne signale pas les erreurs. C'est tout le contenu que je partage avec vous. J'espère que vous pourrez vous faire référence et j'espère que vous pourrez soutenir Wulin.com plus.