java開發：分享一下百度ueditor和七牛的圖片集成上傳

          作網站時，若是上傳的圖片量很大，如今很多人會選用七牛圖片服務器。那麼，今天就來講說如何把網站的圖片上傳與七牛的sdk集成的問題。

          jsp頁面，實現圖片上傳的方式也不少，今天就來講下百度的編輯器：ueditor

          首先要到官網去下載它，後面我也會附上源代碼，須要的朋友能夠下載。

          咱們新建一個項目：qndemo,而後將ueditor放到webroot目錄下，截圖以下：

         

另外，咱們還要引入jar包：

 

 前臺頁面，咱們須要引用相關js，默認配置下，會加載出編輯效果，以下圖：

       這時候，咱們上傳的圖片會保存在本地的服務器。下面，咱們開始集成七牛。

      要上傳到七牛的空間，首先要有開發者帳戶和空間，登陸到七牛官網，按提示操做，便可獲取帳戶，空間，key和密鑰信息。

      集成中會用到的界面，截圖以下：

     

 

上傳到七牛後，能夠選擇一個空間後，點開內容管理，查看上傳結果：

項目中，加入七牛的sdk,簡化後，以下截圖：

須要修改config類的配置：

修改uptoken類配置：

下面，咱們重點說下ueditor的配置：ueditor.config.js

要集成七牛上傳，ueditor的jsp文件處理類要作些修改：

另外，image.html要生成token,路徑：

接下來，咱們就能夠打開頁面看看效果了：

確認後，查看html,效果以下：

點擊開始上傳按鈕後確認，查看html,效果以下:

選擇一個圖片，點擊確認後，查看html，效果以下：

選擇一張圖片後點擊確認按鈕，查看html，效果以下：

最後，附上一張整圖，效果以下：

      源碼上傳到百度雲網盤，感興趣的朋友能夠下載：

　　地址：http://pan.baidu.com/s/1qWsfZrQ

     提取密碼：9mgr