Um caso de Summernote relativamente completo para fazer upload de imagens, não há plano de fundo (há muitos casos de envio de fotos on-line), apenas JS front-end. O código fornecido online, mas com bugs é corrigido.
Neste exemplo, o JS não garante erros. Teste pessoal disponível
<%@ página linguagem = "java" contentType = "text/html; charset = utf-8" pageEncoding = "utf-8"%> <! Doctype html> <html> <head> <script src = "// Codeery.com/jquery-1.9.1.nmin.js.000.000 href = "// netdna.bootstrappcdn.com/bootstrap/3.0.1/css/bootstrap.min.css" rel = "sTILELEET" 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,s.3/css/font-omegeMumar.miner.cont.cont.centshyet.Cootstrap.minet.cont.minet.cents.sinmines.sinMines.Cootstrappcdn.com/ type = "text/css"> <!-deve-> <link href = "summernote-mestre/dist/sumhernote.css" rel = "stylesheet" type = "text/css"> <!-deve-> <script src = "sumnote-mester/dist/summerte.js"> </! src = "Summernote-mestre/lang/summernote-zh-cn.js"> </script> <title> bootstrap-markdown </ititle> <style> .note-alarm {float: right; margin-top: 10px; margin-right: 10px;} </style> </head> <body> <body-bods: 10px; margin-right: 10px;} </style> </head> <body> <body-bods: 10px; margin-right: 10px; type = "text /javascript"> $ (document) .ready (function () { /* function sendfile (arquivo, editor, bem -vindo) {console.log ("file ="+file); console.log ("editor ="+editor); console.log ("weleditable ="+weleditable); dados = dados do formdATA); $ .ajax ({url: 'blog_images.jsp', dados: dados, cache: false, contentType: false, processData: false, tipo: 'post', sucesso: function (data) {editor.insertImage (weleditable, dados. 'zh-CN', // default: 'en-US' focus:true, toolbar: [ ['style', ['bold', 'italic', 'underline', 'clear']], ['fontsize', ['fontsize']], ['color', ['color']], ['para', ['ul', 'ol', 'paragraph']], ['height', ['height']], ['inserir', ['picture', 'video']]], /*imagem: {selectFromFiles: 'Selecione FILE'},* / /*onImageUpload: function (arquivos, editor, bem -vindo) {sendfile (arquivos [0], editor, Weleditable); $ editável); false;} if (! FileName) {$ (". Note-Alarm"). Remone ();} // O acima impede o erro imediato causado pelo arrastar e soltar no editor na figura para causar um segundo upload var ext = fIlename.substr (filename.lastIndexof ("."); Timestamp+"_"+$ ("#sumnote"). att ('AID')+ext; // nome é o nome do arquivo, definido à vontade por mim mesmo. Ajuda é o atributo que adicionei para distinguir usuários de arquivos. dados = new formData (); data.append ("arquivo", arquivo); data.append ("key", name); data.append ("token", $ ("#sumnote"). att ('token')); $. Upload. são esta etapa. carregando "); setTimeout (function () {$ (". Note-Alarm "). Remow ();}, 3000);}, erro: function () {$ (". Note-Alarm "). html (" upload falhou "); setTimeout (function () {$ (". Note-Alarm "). REMOT ();}, 3000);}});} </sCript> </body> </html>O artigo acima é um caso simples de upload de imagem do Summernote que não relata erros. Este é todo o conteúdo que compartilho com você. Espero que você possa lhe dar uma referência e espero que você possa apoiar mais o wulin.com.