Kasing Summernote yang relatif lengkap untuk mengunggah gambar, tidak ada latar belakang (ada terlalu banyak kasus mengunggah gambar secara online), hanya JS front-end. Kode yang disediakan secara online tetapi dengan bug diperbaiki.
Dalam contoh ini, JS menjamin tidak ada kesalahan. Tes pribadi tersedia
<%@ page language = "java" contentType = "text/html; charset = UTF-8" pageEncoding = "utf-8"%> <! Doctype html> <html> <head> <script src = "// code.jQUery.com/jquery- href = "// netdna.bootstrappcdn.com/boottrap/3.0.1/css/boottrap.min.css" rel = "stylesheet" type = "text/css"> <skrip 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" rel="stylesheet" type = "text/css"> <!-harus-> <tautan href = "sumnote-master/dist/sumnote.css" rel = "stylesheet" type = "text/css"> <!-harus-> <script src = "sumnote-master/dist/summernote.js"> </skrip> <!----! ---! ---! src = "SumnerTen-master/Lang/Sumnote-zh-cn.js"> </script> <title> bootstrap-markdown </iteme> <tyle> .-lot-alarm {float: right; margin-top: 10px; margin-right: 10px;} </style> </head> <bod> </Div Id = "SCRIPNE; type = "text /javascript"> $ (dokumen) .ready (function () { /* function sendFile (file, editor, welepitable) {console.log ("file ="+file); console.log ("editor ="+editor); console.log ("welepitable ="+weleditable); Data = Data = DATAIGE ("DATAGEAGE (" DATEAD ("DATEADEMANT (" Data. " $ .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', // default: 'en-us focus': true, toolbar: [['style', ['bold', 'italic', 'underline', 'clear']], ['fontsize', ['fontsize']], ['color', ['color'], ['ul' '', 'ol', 'ol', 'ol', ['UL', ['Color', ['Color', ['Color'], ['Color', ['Color', ['Color', ['Color', ['Color', ['Color', ['Color' ['Height']], ['Insert', ['Picture', 'Video']]], /*Image: {SelectFromFiles: 'Pilih File'},* / /*OnImageupload: Function (File, Editor, Weleditable) {SendFile (File [0], Editor, Welepitable); editor, $ edited);}});}); function sendFile (file, editor, $ edited) {$ (". note-toolbar.btn-toolbar"). Append ('unggah gambar'); var fileName = false; coba {fileName = file ['nama']; warni false;} if (! fileName) {$ (". note-alarm"). Remove ();} // di atas mencegah kesalahan prompt yang disebabkan oleh menyeret dan menjatuhkan editor dalam gambar untuk menyebabkan unggahan kedua var ext = ext.tuppor (filename.lastIndexof ("." Timestamp+"_"+$ ("#SummerNote"). Attr ('Aid')+ext; // Nama adalah nama file, yang ditentukan sesuai keinginan sendiri. Bantuan adalah atribut yang saya tambahkan untuk membedakan pengguna file. data = formdata baru (); data.append ("file", file); data.append ("key", name); data.append ("token", $ ("#sumnote"). attr ('token')); $. Ajax ({data, tipe: "post", url: "/sumnaNote/fileUpload ({data: tipe:" post ", url:"/sumnaNote/summerNote/FileUpload "The Data, The The The The The The The Urload" The Urle dari ","/sumnotote/summerNote/FileUpload "The Url" Diunggah. Langkah. memuat "); setTimeOut (function () {$ (". note-alarm "). Remove ();}, 3000);}, error: function () {$ (". note-alarm "). html (" unggah gagal "); setTimeout (function () {$ (". note-alarm "). Remest ();}, 3000);}});} </script> </body> </html>Artikel di atas adalah kasus unggahan gambar Summernote sederhana yang tidak melaporkan kesalahan. Ini semua konten yang saya bagikan dengan Anda. Saya harap Anda dapat memberi Anda referensi dan saya harap Anda dapat mendukung wulin.com lebih lanjut.