Plug-in unggah otomatis gambar lokal Bat CKEditor v1.0

Plug-in ini dikembangkan menggunakan teknologi JAVA dan perlu digunakan dengan JavaScript. Plugin ini dapat secara otomatis mengunggah gambar lokal (src adalah 'file:///') yang terdapat di halaman web ke server dan memodifikasi atribut src dari img. tag ke alamat gambar baru. Skenario aplikasi yang umum meliputi: menggunakannya dengan ckEditor untuk secara otomatis mengunggah gambar lokal yang terdapat dalam konten yang ditempel dari WORD ke server.

Lingkungan yang bergantung: JDK1.7+, jQuery, ckEditor4.2, tanpa batas browser

Petunjuk umum untuk digunakan

API JavaScript:

baik

WordImageUploader(s_url, nama_aplikasi)

s_url: Alamat halaman server untuk upload gambar, yang merupakan halaman dinamis, seperti servlet, PHP, dll;

app_name: Nama aplikasi saat ini

Sebelum menggunakan plug-in ini, Anda harus membuat objek kelas ini terlebih dahulu. Yang terbaik adalah memiliki hanya satu objek kelas ini dalam satu halaman

var pengunggah = WordImageUploader baru(sUrl,namaaplikasi);

Metode kelas ini adalah

unggahWordImagesFromCKEditor(editorInstance, pre_id)

Metode ini digunakan untuk secara otomatis mengunggah semua gambar lokal dalam teks yang ditempel dari WORD di CKEditor ke server

editorInstance: contoh dari CKEditor;

pre_id: Awalan nama setelah gambar diunggah ke server untuk memfasilitasi pekerjaan pembersihan dan pemeliharaan lainnya di masa mendatang. Jika tidak diperlukan, setel ke '';

unggahLocalFile(localUrl, nama)

Metode ini digunakan untuk mengunggah satu gambar lokal ke server. Arti dari parameternya adalah sebagai berikut:

localUrl: URL lokal gambar, umumnya berbentuk: file:///xxx

nama: nama gambar

Langkah-langkah penggunaan

1. Perkenalkan perpustakaan kelas jQuery;

2. Masukkan wordimage_uploader.js di folder js;

3. Buat objek WordImageUploader;

4. Panggil metode uploadWordImagesFromCKEditor ketika konten ckEditor berubah.

Setelah plug-in diinstal, "Stasiun Pemantauan: Selamat menggunakan "Plug-in Unggah Otomatis Gambar Lokal" akan ditampilkan di file status halaman web.

Plug-in ini mendukung semua teknologi situs web dinamis. Teknologi yang digunakan dalam DEMO adalah jsp. Halaman dinamis yang menerima file yang diunggah di sisi server adalah Servelt: WordImageUploader.java. silakan merujuk ke file ini untuk mengimplementasikannya sendiri.

Untuk detail penggunaan lainnya, silakan merujuk ke kode sumber DEMO.