####前端配置server地址
---
上傳文檔,需要為 `editor.config.uploadImgUrl` 參數配置 server 端的地址。配置了之后,編輯器就自動顯示上傳功能(否則不顯示)。注意,要在 `editor.create()` 之前完成配置。

另外 - 1,如果需要在上傳的同時要傳遞一些自定義參數(如`token`)到后臺,可以通過`editor.config.uploadParams`來配置,后臺可以通過`requrest`來獲取這些參數的值。
另外 - 2,如果需要在上傳圖片時候自定義設置`request`的`headers`,可通過`editor.config.uploadHeaders`來配置。
另外 - 3,如果你只需要上傳圖片功能,而不需要插入網絡圖片功能,在`editor.create()`之前配置`editor.config.hideLinkImg = true;`即可。前提是你已經配置好了圖片上傳功能,`v2.1.14`版本開始支持。
代碼示例如下:
```html
<div id="div1">
<p>請輸入內容...</p>
</div>
<!--這里引用jquery和wangEditor.js-->
<script type="text/javascript">
var editor = new wangEditor('div1');
// 上傳圖片(舉例)
editor.config.uploadImgUrl = '/upload';
// 配置自定義參數(舉例)
editor.config.uploadParams = {
token: 'abcdefg',
user: 'wangfupeng1988'
};
// 設置 headers(舉例)
editor.config.uploadHeaders = {
'Accept' : 'text/x-json'
};
// 隱藏掉插入網絡圖片功能。該配置,只有在你正確配置了圖片上傳功能之后才可用。
editor.config.hideLinkImg = true;
editor.create();
</script>
```
---
####server端獲取文件數據
- **建議通過index獲取:**
建議通過index的方式從`request.files`中獲取,例如`var file = request.files[0];`。不同的后端語言語法可能不同,可根據實際情況調整。
- **通過name獲取:**
如果想要通過`name`從`request.files`中獲取文件,可通過以下方式:
- `var file = request.files['wangEditorH5File']; // 獲取 h5 方式上傳的文件`
- `var file = request.files['wangEditorFormFile']; // 獲取 form 方式上傳的文件`
- `var file = request.files['wangEditorPasteFile']; // 獲取粘貼截圖 方式上傳的文件`
- `var file = request.files['wangEditorDragFile']; // 獲取拖拽上傳的文件`
不同的后端語言語法可能不同,可根據實際情況調整。
注意,如果你覺得以上四個`name`比較繁瑣,你完全可以通過配置`editor.config.uploadImgFileName`來將四個`name`統一為一個。例如,無論是哪種方式上傳,你都想通過`myFileName`獲取,可以這樣配置:`editor.config.uploadImgFileName = 'myFileName'`
- **獲取自定義參數**
如果你通過`editor.config.uploadParams`配置了上傳時的自定義參數,后臺可以通過`request`獲取。注意,這里配置的參數要和圖片文件一起上傳,因此要使用`multipart/form-data`的方式上傳(如下圖),后臺接收的時候要注意。

---
- **自定義設置headers**
可通過`editor.config.uploadHeaders`設置上傳圖片時`request`的`headers`,上面的代碼示例中設置了`'Accept' : 'text/x-json'`,那么上傳圖片時候會有如下效果:

####server端返回規則
- **上傳成功:**
上傳成功后,server 端需要返回(即:`response`)圖片的 url 地址,例如:
```
"http://xxx.com/imgs/abc.png"
```
- **上傳失敗:**
上傳失敗后,server 端需要返回(即:`response`)`'error|錯誤信息提示...'`格式的字符串。其中的錯誤信息提示,可以自己設置。例如:
```
"error|服務器端錯誤"
```
- 關于wangEditor
- 遇到問題如何解決和提問【重要】
- 開始使用
- 下載
- 創建頁面
- 生成編輯器(使用ID)
- 生成編輯器(使用element)
- 調整尺寸
- 銷毀與恢復
- 一個頁面多個編輯器
- 內容處理
- 初始化內容
- 獲取內容
- 追加內容
- 清空內容
- 用 editor.$txt 做其他內容處理
- onchange事件
- 禁用/啟用
- 參數配置
- 自定義菜單
- 自定義顏色、字體、字號
- 自定義表情
- 切換語言
- 百度地圖key
- 菜單欄吸頂
- 配置全屏的z-index
- 關閉瀏覽器打印log
- 關閉過濾javascript
- 關閉粘貼過濾樣式
- 只粘貼純文本
- 插入代碼-配置默認語言
- 自定義編輯器樣式
- 自定義顏色
- 自定義菜單UI
- 自定義表格、引用、代碼的樣式
- 代碼高亮樣式
- 圖片上傳
- 使用前必讀
- 支持情況
- 配置說明
- log提示輔助排錯
- 后臺代碼示例
- C#
- java - 例1
- java - 例2
- php
- nodejs
- python
- 自定義上傳事件
- 集成plupload插件
- 集成七牛云存儲
- 跨域上傳
- 上傳圖片出錯時的解決步驟
- 使用模塊定義
- 使用require.js
- 使用seajs
- 使用webpack
- 插件開發
- 對象結構
- 常用API
- 全局API
- 對象API
- 基礎API
- 選區API
- 命令API
- 擴展一個菜單
- 『縮進』菜單
- 『行高』菜單
- 『插入符號』菜單
- 開發一個插件
- 常見問題
- 關于markdown
- 關于上傳附件
- 關于背景圖片
- 關于顯示壓縮圖片
- 集成到React
- 集成到angular
- 集成到vue.js
- 如何避免與項目中的css沖突
- xss過濾
- 如何插入視頻鏈接
- 關于mobile端編輯器
- 查看源碼第一行有空格