<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                企業??AI智能體構建引擎,智能編排和調試,一鍵部署,支持知識庫和私有化部署方案 廣告
                ####前端配置server地址 --- 上傳文檔,需要為 `editor.config.uploadImgUrl` 參數配置 server 端的地址。配置了之后,編輯器就自動顯示上傳功能(否則不顯示)。注意,要在 `editor.create()` 之前完成配置。 ![](https://box.kancloud.cn/2016-01-29_56ab6d083c7f1.png) 另外 - 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`的方式上傳(如下圖),后臺接收的時候要注意。 ![](https://box.kancloud.cn/2016-05-28_574965f7d417d.png) --- - **自定義設置headers** 可通過`editor.config.uploadHeaders`設置上傳圖片時`request`的`headers`,上面的代碼示例中設置了`'Accept' : 'text/x-json'`,那么上傳圖片時候會有如下效果: ![](https://box.kancloud.cn/2016-05-28_574966007fad3.png) ####server端返回規則 - **上傳成功:** 上傳成功后,server 端需要返回(即:`response`)圖片的 url 地址,例如: ``` "http://xxx.com/imgs/abc.png" ``` - **上傳失敗:** 上傳失敗后,server 端需要返回(即:`response`)`'error|錯誤信息提示...'`格式的字符串。其中的錯誤信息提示,可以自己設置。例如: ``` "error|服務器端錯誤" ```
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看