Bat CKEditor 로컬 사진 자동 업로드 플러그인 v1.0

이 플러그인은 JAVA 기술을 사용하여 개발되었으며 JavaScript와 함께 사용해야 합니다. 웹 페이지에 포함된 로컬 이미지(src는 'file:///')를 서버에 자동으로 업로드하고 img의 src 속성을 수정할 수 있습니다. 새 이미지 주소에 태그를 지정하세요. 일반적인 응용 프로그램 시나리오에는 ckEditor와 함께 사용하여 WORD에서 서버에 붙여넣은 콘텐츠에 포함된 로컬 이미지를 자동으로 업로드하는 것이 포함됩니다.

종속 환경: JDK1.7+, jQuery, ckEditor4.2, 브라우저 제한 없음

사용을 위한 일반 지침

자바스크립트 API:

친절한

WordImageUploader(s_url, 앱_이름)

s_url: 이미지 업로드를 위한 서버 페이지 주소로 서블릿, PHP 등과 같은 동적 페이지입니다.

app_name: 현재 애플리케이션의 이름

이 플러그인을 사용하기 전에 먼저 이 클래스의 객체를 생성해야 합니다. 페이지에 이 클래스의 객체가 하나만 있는 것이 가장 좋습니다. 이 클래스의 생성 방법은 다음과 같습니다.

var uploader = new WordImageUploader(sUrl,appName);

이 클래스의 메소드는 다음과 같습니다.

uploadWordImagesFromCKEditor(editorInstance, pre_id)

이 방법은 CKEditor의 WORD에서 붙여넣은 텍스트의 모든 로컬 그림을 서버에 자동으로 업로드하는 데 사용됩니다.

editorInstance: CKEditor의 인스턴스;

pre_id: 향후 정리 및 기타 유지 관리 작업을 용이하게 하기 위해 이미지가 서버에 업로드된 후 이름의 접두사입니다. 필요하지 않은 경우 ''로 설정합니다.

uploadLocalFile(localUrl, 이름)

이 방법은 단일 로컬 이미지를 서버에 업로드하는 데 사용됩니다. 매개변수의 의미는 다음과 같습니다.

localUrl: 이미지의 로컬 URL(일반적으로 file:///xxx 형식)

이름: 그림의 이름

사용 단계

1. jQuery 클래스 라이브러리를 소개합니다.

2. js 폴더에 wordimage_uploader.js를 추가하세요.

3. WordImageUploader 개체를 만듭니다.

4. ckEditor의 내용이 변경되면 uploadWordImagesFromCKEditor 메소드를 호출합니다.

플러그인이 설치된 후 웹 페이지의 상태 파일에 "Monitoring Station: "로컬 이미지 자동 업로드 플러그인 사용을 환영합니다"가 표시되어야 합니다.

이 플러그인은 모든 동적 웹사이트 기술을 지원합니다. DEMO에서 사용되는 기술은 서버 측에서 업로드된 파일을 허용하는 동적 페이지입니다. 이 파일은 DEMO에서 제공됩니다. 직접 구현하려면 이 파일을 참조하세요.

기타 자세한 사용법은 DEMO 소스코드를 참고하세요.