蝙蝠CKEditor本地圖片自動上傳外掛v1.0

此插件使用JAVA技術開發，需要配合JavaScript使用，可以將網頁中所包含的本機圖片（src為'file:///'）自動上傳到伺服器並修改img標籤的src屬性為新的圖片位址。典型應用場景如：配合ckEditor使用，使從WORD貼上過來的內容中包含的本機圖片自動上傳到伺服器。

依賴環境：JDK1.7+、jQuery、ckEditor4.2、瀏覽器不限

一般使用說明

JavaScript API:

類別

WordImageUploader(s_url, app_name)

s_url：圖片上傳的伺服器頁面位址，為動態頁面，如servlet、PHP等；

app_name：目前應用程式的名稱

在使用本插件前必須先建立本類的對象，一個頁面中最好只存在一個本對象，本類的創建方法如

var uploader = new WordImageUploader(sUrl,appName);

該類別的方法有

uploadWordImagesFromCKEditor(editorInstance, pre_id)

此方法用於將CKEditor中的從WORD貼上過來的文字中的所有本機圖片自動上傳到伺服器，參數意義如下

editorInstance：CKEditor的實例；

pre_id：圖片上傳到伺服器後的名稱的前輟學，方便日後清理等維護工作，如不需要，設為''；

uploadLocalFile(localUrl, name)

此方法用於將單獨本地圖片上傳到伺服器，參數意義如下

localUrl：圖片的本地URL，一般形式為：file:///xxx

name：圖片的名稱

使用步驟

1、引入jQuery類別庫；

2、引入js資料夾下的wordimage_uploader.js；

3、建立WordImageUploader物件；

4.ckEditor內容改變時呼叫uploadWordImagesFromCKEditor方法。

插件安裝完成後應在網頁狀態檔位置顯示「監控台：歡迎使用「本地圖片自動上傳插件」。

此插件支援所有動態網站技術，DEMO所用技術為jsp，伺服器端接受上傳檔案的動態頁面為一Servelt：WordImageUploader.java，此檔案已在DEMO中給出，其它動態網站技術請參考此檔案自行實現。

其它使用詳情請參閱DEMO源碼。