修改Summernote文本編輯器支持上傳圖片到服務器 · yanxinCMS

Summernote默認上傳圖片是保存二進制圖片數據，這樣會造成數據庫龐大，我們現在就把它修改為上傳到服務器，直接保存路徑地址不多說，直接上干貨 ~~~ <!doctype html> <html> <head> <meta charset="utf-8"> <title>測試上傳圖片</title> </head>  <script type="text/javascript" src="__ROOT__/Public/js/jquery.min.js"></script> <script type="text/javascript" src="__ROOT__/Public/js/bootstrap.min.js"></script> <link rel="stylesheet" href="__ROOT__/Public/css/bootstrap.min.css" />  <script src="__ROOT__/Public/plugins/summernote/summernote.min.js"></script> <script src="__ROOT__/Public/plugins/summernote/lang/summernote-zh-CN.js"></script> <link href="__ROOT__/Public/plugins/summernote/summernote.css" rel="stylesheet"> <body> <div id="summernote">Hello Summernote</div> <script language="javascript"> $(document).ready(function() { $('#summernote').summernote({ height: "500px", callbacks: { onImageUpload: function(files) { //the onImageUpload API img = sendFile(files[0]); } } }); }); function sendFile(file) { data = new FormData(); data.append("file", file); console.log(data); $.ajax({ data: data, type: "POST", url: "{:U('Test/upload')}", cache: false, contentType: false, processData: false, success: function(url) { $("#summernote").summernote('insertImage', url, 'image name'); // the insertImage API } }); } </script> </body> </html> ~~~