之前文章有写过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);