Bat CKEditor lokales Bild-Upload-Plug-in v1.0

Dieses Plug-in wurde mit JAVA-Technologie entwickelt und muss mit JavaScript verwendet werden. Es kann automatisch lokale Bilder (src ist „file:///“), die in der Webseite enthalten sind, auf den Server hochladen und das src-Attribut des img ändern Tag an die neue Bildadresse anhängen. Typische Anwendungsszenarien umfassen: Verwendung mit ckEditor zum automatischen Hochladen lokaler Bilder, die in aus WORD eingefügten Inhalten auf den Server enthalten sind.

Abhängige Umgebung: JDK1.7+, jQuery, ckEditor4.2, keine Browserbeschränkung

Allgemeine Gebrauchsanweisung

JavaScript-API:

Art

WordImageUploader(s_url, app_name)

s_url: Die Serverseitenadresse zum Hochladen von Bildern, bei der es sich um eine dynamische Seite handelt, z. B. Servlet, PHP usw.;

app_name: Der Name der aktuellen Anwendung

Bevor Sie dieses Plug-in verwenden, müssen Sie zunächst ein Objekt dieser Klasse erstellen. Es ist am besten, nur ein Objekt dieser Klasse auf einer Seite zu haben

var uploader = new WordImageUploader(sUrl,appName);

Die Methoden dieser Klasse sind

uploadWordImagesFromCKEditor(editorInstance, pre_id)

Diese Methode wird verwendet, um alle lokalen Bilder im aus WORD in CKEditor eingefügten Text automatisch auf den Server hochzuladen. Die Bedeutung der Parameter ist wie folgt

editorInstance: Instanz von CKEditor;

pre_id: Das Präfix des Namens, nachdem das Bild auf den Server hochgeladen wurde, um zukünftige Reinigungs- und andere Wartungsarbeiten zu erleichtern. Wenn nicht erforderlich, setzen Sie es auf '';

uploadLocalFile(localUrl, Name)

Mit dieser Methode wird ein einzelnes lokales Bild auf den Server hochgeladen. Die Bedeutung der Parameter ist wie folgt:

localUrl: die lokale URL des Bildes, im Allgemeinen in der Form: file:///xxx

Name: der Name des Bildes

Nutzungsschritte

1. Einführung der jQuery-Klassenbibliothek;

2. Führen Sie wordimage_uploader.js im js-Ordner ein.

3. Erstellen Sie ein WordImageUploader-Objekt.

4. Rufen Sie die Methode uploadWordImagesFromCKEditor auf, wenn sich der Inhalt von ckEditor ändert.

Nach der Installation des Plug-Ins sollte in der Statusdatei der Webseite „Monitoring Station: Willkommen bei der Verwendung des „Local Image Automatic Upload Plug-In““ angezeigt werden.

Dieses Plug-in unterstützt alle dynamischen Website-Technologien. Die dynamische Seite, die auf der Serverseite hochgeladen wird, ist Servelt: Diese Datei wurde in DEMO angegeben. Bitte beziehen Sie sich auf diese Datei, um es selbst zu implementieren.

Weitere Nutzungsdetails finden Sie im DEMO-Quellcode.