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

发布时间:2022-02-11 17:57:18 来源:青锋建站 作者:青锋建站
  在网站后台整合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电话办理,知名品牌,全国接单。

Copyright © 2016-2026 青锋建站 版权所有