Bat CKEditor ローカル画像自動アップロード プラグイン v1.0

このプラグインは JAVA テクノロジーを使用して開発されており、JavaScript で使用する必要があります。Web ページに含まれるローカル画像 (src は「file:///」) をサーバーに自動的にアップロードし、画像の src 属性を変更します。タグを新しい画像アドレスに追加します。一般的なアプリケーション シナリオには、ckEditor と併用して、WORD から貼り付けられたコンテンツに含まれるローカル画像をサーバーに自動的にアップロードすることが含まれます。

依存環境: JDK1.7+、jQuery、ckEditor4.2、ブラウザ制限なし

一般的な使用説明書

JavaScript API:

親切

WordImageUploader(s_url, app_name)

s_url: 画像アップロード用のサーバー ページ アドレス。サーブレット、PHP などの動的ページです。

app_name: 現在のアプリケーションの名前

このプラグインを使用する前に、まずこのクラスのオブジェクトを作成する必要があります。このクラスのオブジェクトは 1 つのページに 1 つだけ作成するのが最善です。このクラスの作成方法は次のとおりです。

var Uploader = 新しい WordImageUploader(sUrl,appName);

このクラスのメソッドは次のとおりです。

UploadWordImagesFromCKEditor(editorInstance, pre_id)

このメソッドは、CKEditor の WORD から貼り付けられたテキスト内のすべてのローカル画像をサーバーに自動的にアップロードするために使用されます。パラメータの意味は次のとおりです。

editorInstance: CKEditor のインスタンス。

pre_id: 将来のクリーニングやその他のメンテナンス作業を容易にするために、イメージがサーバーにアップロードされた後の名前のプレフィックス。必要がない場合は、「」に設定します。

UploadLocalFile(localUrl, 名前)

このメソッドは、単一のローカル イメージをサーバーにアップロードするために使用されます。パラメーターの意味は次のとおりです。

localUrl: 画像のローカル URL。通常は file:///xxx の形式です。

name: 写真の名前

利用手順

1. jQuery クラス ライブラリを導入します。

2. js フォルダーに wordimage_uploader.js を導入します。

3. WordImageUploader オブジェクトを作成します。

4. ckEditor のコンテンツが変更されたときに、uploadWordImagesFromCKEditor メソッドを呼び出します。

プラグインをインストールすると、Web ページのステータス ファイルに「Monitoring Station: 「ローカル イメージ自動アップロード プラグイン」の使用へようこそ」と表示されます。

このプラグインは、すべての動的 Web サイト テクノロジをサポートしています。デモで使用されるテクノロジは、サーバー側でアップロードされたファイルを受け入れる動的ページです。このファイルは、デモで提供されています。このファイルを参照して自分で実装してください。

その他の使用方法の詳細については、DEMO ソース コードを参照してください。