summernote上传图片解决默认设置上传缓慢问题

1. //富文本编辑器  
2.     $('#summernote').summernote({   
3.         lang: 'zh-CN',  
4.         focus:true,  
5.         toolbar: [  
6.             ['style', ['bold', 'italic', 'underline', 'clear']],  
7.             ['fontsize', ['fontsize']],  
8.             ['color', ['color']],  
9.             ['para', ['ul', 'ol', 'paragraph']],  
10.             ['height', ['height']],  
11.             ['insert', ['picture', 'video']]  
12.         ],  
13.         callbacks: {  
14.             onImageUpload: function(files, editor, $editable) {  
15.                 sendFile(files);  
16.             }  
17.         }  
18.     }); 

summernote默认设置是以base64编码的形式传到后台的，这样就占资源，加载时速度又缓慢。我们可以采用将图片直接存到服务器某一路径下，直接加载这一路径。

1. function sendFile(files, editor, $editable) {  
2.         var data = new FormData();  
3.         data.append("ajaxTaskFile", files[0]);  
4.         $.ajax({  
5.             data : data,  
6.             type : "POST",  
7.             url :Url, //图片上传出来的url，返回的是图片上传后的路径，http格式  
8.             cache : false,  
9.             contentType : false,  
10.             processData : false,  
11.             dataType : "json",  
12.             success: function(res) {//res是返回的hash,key之类的值，key是定义的文件名  
13.                 $('#summernote').summernote('insertImage', res);  
14.             },  
15.             error:function(){  
16.                 alert("上传失败");  
17.             }  
18.         });  
19.     }