解决summernote图片上传生成乱码的问题

　　在网站后台整合summernote编辑器时，默认上传图片时会在保存为本地的base64编辑，如果大家使用HTML编辑页面时，会造成混乱的情况。因此青锋建站给大家分享解决summernote图片上传生成乱码的问题的方法。青锋建站专业建站，开发。

summernote图片上传思路分析

　　我们在初始化配置中增加回调函数来处理图片的上传，覆盖默认的操作，当选择图片时使用ajax直接发送到后台处理，保存成功后返回图片的URL显示在编辑器中。

summernote图片上传完整代码

<script type="text/javascript">
var $summernote = $('#summernote').summernote({
height: 300,
minHeight: null,
maxHeight: null,
focus: true,
lang: '<?php echo $this->lang;?>',
//调用图片上传
callbacks: {
onImageUpload: function (files) {
sendFile($summernote, files);
}
},
//ajax上传图片
function sendFile($summernote, file) {
　　var formData = new FormData();
　　var file_length=file.length;
　　for(var i=0;i<file_length;i++){
　　　formData.append("summernote_image["+i+"]", file[i]);
　　}
　　$.ajax({
　　　url: "/qf-content/attachment/summernote",//后台处理图片上传的URL
　　　data: formData,
　　　cache: false,
　　　contentType: false,
　　　processData: false,
　　　type: 'POST',
　　　success: function (data) {
　　　　data = JSON.parse(data);
　　　　for(x in data){
　　　　$('#summernote').summernote('insertImage',data[x],'img');
　　　　}
　　　},
　　　error:function(){
　　　　console.log('error');
　　　},
　　});
}
</script>
　　以上就是青锋建站给大家分享的解决summernote图片上传生成乱码的问题的方法，青锋建站承接网站建设服务，包括软件开发，潍坊SEO，网络推广，网络营销，企业邮箱，400电话办理，知名品牌，全国接单。

转载请注明来源网址：青锋建站-http://www.sjzphp.com/webdis/summernote_image_1348.html