這個問題QQ群問得人挺多,特意分出一個欄目講解下
## 配置編輯器上傳
如何初始化編輯器這里不講述了,詳情查閱起步第一章
Eleditor上傳集成的是百度Webuploader插件,我們可以在實例化時候對upload參數進行配置
> upload對象有以下參數
* server {String} 文件接收地址
* fileSizeLimit {Number} 文件大小限制(M)
* formName {String} 文件域name,用于后臺接收,默認為file
* formData {Object} 上傳參數
* accept {Object}
* title {String} 文字描述
* extensions {String} 允許的文件后綴,不帶點,多個用逗號分割。
* mimeTypes {String} 多個用逗號分割。
~~~
new Eleditor({
el: '#article-body',
/*upload是上傳配置對象*/
upload:{
server: '/upload.php',//后臺接收地址
fileSizeLimit: 2,//限制文件上傳大小為2M
formName: 'image',//設置文件name,
accept: {//accept一般不用設置
title: 'Images',
extensions: 'gif,jpg,jpeg,bmp,png,webp',
mimeTypes: 'image/gif,image/jpg,image/jpeg,image/bmp,image/png,image/webp'
}
}
});
~~~
至此,前端配置已完成,當用戶選擇文件后,會自動以表單形式像server地址發送請求,后臺接收文件務必返回一個json信息給編輯器
返回json包含三個字段status和url以及msg,其中status是整形,1=成功,0=失敗
~~~
// 上傳成功,status=1,攜帶url字段
{
"status": 1,
"url": "http://image.uisdc.com/wp-content/uploads/2017/05/homestarrunner.jpg"
}
~~~
~~~
// 上傳失敗,status=0,攜帶msg字段通知用戶
{
"status": 0,
"msg": "服務器空間不足,上傳失敗"
}
~~~
后端上傳接收不在本文討論范疇,php可以參考webuploader[官方處理腳本](https://github.com/fex-team/webuploader/blob/master/server/fileupload.php)