wangeditor上传图片到阿里云oss

最新推荐文章于 2024-07-29 15:54:42 发布

tang05709

最新推荐文章于 2024-07-29 15:54:42 发布

阅读量4.3k

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/tang05709/article/details/82048375

版权

之前文章有写过laravel上传图片到oss，原理一样

首先下载php后台qian签名js直传

https://help.aliyun.com/document_detail/31926.html?spm=a2c4g.11186623.6.637.347d69cb1fZPTG

目录拷贝以及qi签名可以查看之前的文章，主要记录下wangeditorshan上传

首先拷贝一份upload.js命名为wangeditor.js

然后加入wangeditor

var E = window.wangEditor
var editor = new E('#content')
editor.customConfig.zIndex = 0
editor.customConfig.uploadImgHeaders = {
    'X-CSRF-TOKEN': $('input[name="_token"]').val()
}
//editor.customConfig.uploadImgServer = '/backend/updetails'
//editor.customConfig.uploadFileName = 'wangpic[]'
//editor.customConfig.uploadImgMaxSize = 3 * 1024 * 1024


editor.customConfig.onchange = function (html) {
    $('.wangeditor_value').val(html)
};

editor.create();

修改upload

var uploader = new plupload.Uploader({
	runtimes : 'html5,flash,silverlight,html4',
	browse_button : editor.imgMenuId, 
  multi_selection: true,
  auto_start: true,
	flash_swf_url : '../plupload/js/Moxie.swf',
	silverlight_xap_url : '../plupload/js/Moxie.xap',
  url : 'http://oss.aliyuncs.com',

  filters: {
      mime_types : [ //只允许上传图片和zip,rar文件
      { title : "Image files", extensions : "jpg,gif,png,bmp" }, 
      { title : "video files", extensions : "mp4,3gp" }
      ],
      max_file_size : '10mb', //最大只能上传10mb的文件
      prevent_duplicates : false //不允许选取重复文件
  },

	init: {
		PostInit: function() {
      set_upload_param(uploader, '', false);