Plug-in de upload automático de imagem local Bat CKEditor v1.0

Este plug-in é desenvolvido usando tecnologia JAVA e precisa ser usado com JavaScript. Ele pode fazer upload automaticamente de imagens locais (src é 'file:///') contidas na página da web para o servidor e modificar o atributo src do img. tag para o novo endereço da imagem. Os cenários típicos de aplicação incluem: usá-lo com o ckEditor para carregar automaticamente imagens locais contidas no conteúdo colado do WORD para o servidor.

Ambiente dependente: JDK1.7+, jQuery, ckEditor4.2, sem limite de navegador

Instruções gerais de uso

API JavaScript:

tipo

WordImageUploader(s_url, nome_do_aplicativo)

s_url: O endereço da página do servidor para upload de imagens, que é uma página dinâmica, como servlet, PHP, etc.;

app_name: O nome do aplicativo atual

Antes de usar este plug-in, você deve primeiro criar um objeto desta classe. É melhor ter apenas um objeto desta classe em uma página.

var uploader = novo WordImageUploader(sUrl,appName);

Os métodos desta classe são

uploadWordImagesFromCKEditor(editorInstance, pre_id)

Este método é usado para carregar automaticamente todas as imagens locais no texto colado do WORD no CKEditor para o servidor. O significado dos parâmetros é o seguinte.

editorInstance: instância do CKEditor;

pre_id: O prefixo do nome após o upload da imagem para o servidor para facilitar futuras limpezas e outros trabalhos de manutenção. Se não for necessário, defina-o como '';

uploadLocalFile(localUrl, nome)

Este método é usado para fazer upload de uma única imagem local para o servidor. O significado dos parâmetros é o seguinte:

localUrl: o URL local da imagem, geralmente no formato: file:///xxx

nome: o nome da imagem

Etapas de uso

1. Apresente a biblioteca de classes jQuery;

2. Insira wordimage_uploader.js na pasta js;

3. Crie o objeto WordImageUploader;

4. Chame o método uploadWordImagesFromCKEditor quando o conteúdo de ckEditor for alterado.

Após a instalação do plug-in, "Monitoring Station: Welcome to use the" Local Image Automatic Upload Plug-in "deve ser exibido no arquivo de status da página da web.

Este plug-in suporta todas as tecnologias de sites dinâmicos. A tecnologia usada no DEMO é jsp. A página dinâmica que aceita arquivos carregados no lado do servidor é Servelt: WordImageUploader.java. consulte este arquivo para implementá-lo você mesmo.

Para outros detalhes de uso, consulte o código-fonte DEMO.