KindEditorアップロード画像ワード

このメソッドはサーブレットであり、web.xmlでservlet-classおよびservlet-mappingを構成することによって使用できます。

バックエンド(サーバー)Javaサービスコード:(ROOT / lqxcPicsフォルダーにアップロード)

<%@ page language = "java" import = "java.util。*" pageEncoding = "utf-8"%> <%@

     ページcontentType = "text / html; charset = utf-8"%> <%@

     ページのインポート= "Xproer。*"%> <%@

     ページimport = "org.apache.commons.lang.StringUtils"%> <%@

     ページimport = "org.apache.commons.fileupload。*"%> <%@

     ページimport = "org.apache.commons.fileupload.disk。*"%> <%@

     ページimport = "org.apache.commons.fileupload.servlet。*"%> <%

boolean isMultipart = ServletFileUpload.isMultipartContent(request);

FileItemFactoryファクトリ=新しいDiskFileItemFactory();  

ServletFileUpload upload = new ServletFileUpload(factory);

リストファイル= null;

試す

{

     ファイル= upload.parseRequest(request);

}

キャッチ(FileUploadException e)

{

    out.println( "アップロードファイルの例外:" + e.toString());

    戻る;

}

 

FileItem imgFile = null;

イテレーターfileItr = files.iterator();

while(fileItr.hasNext())

{

     imgFile =(FileItem)fileItr.next();

     if(imgFile.isFormField())

     {

         文字列fn = imgFile.getFieldName();

         文字列fv = imgFile.getString();

         if(fn.equals( "uname"))uname = fv;

         if(fn.equals( "upass"))upass = fv;

     }

     そうしないと

     {

         ブレーク;

     }

}

アップローダーup = new Uploader(pageContext、request);

up.SaveFile(imgFile);

文字列url = up.GetFilePathRel();

out.write(url);

response.setHeader( "Content-Length"、url.length()+ "");

%>

 

web.xmlを構成する

 <?xml version = "1.0" encoding = "UTF-8"?>

<web-app version = "2.5"

    xmlns = "http://java.sun.com/xml/ns/javaee"

    xmlns:xsi = "http://www.w3.org/2001/XMLSchema-instance"

    xsi:schemaLocation = "http://java.sun.com/xml/ns/javaee

    http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd ">

  <ウェルカムファイルリスト>

    <welcome-file> index.jsp </ welcome-file>

  </ welcome-file-list>

</ web-app>

 

フロントエンド(ページ)テストコード:

<!DOCTYPE html PUBLIC "-// W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns = "http://www.w3.org/1999/xhtml">

<ヘッド>

     <meta http-equiv = "Content-Type" content = "text / html; charset = utf-8" />

     <title> WordPaster-jsp-ueditor-1.2.6.0 </ title>

     <script type = "text / javascript" src = "ueditor.config.js" charset = "utf-8"> </ script>

     <script type = "text / javascript" src = "ueditor.all.min.js" charset = "utf-8"> </ script>

     <link type = "text / css" rel = "Stylesheet" href = "WordPaster / css / WordPaster.css" />

    <link type = "text / css" rel = "Stylesheet" href = "WordPaster / js / skygqbox.css" />

    <script type = "text / javascript" src = "WordPaster / js / json2.min.js" charset = "utf-8"> </ script>

    <script type = "text / javascript" src = "WordPaster / js / jquery-1.4.min.js" charset = "utf-8"> </ script>

    <script type = "text / javascript" src = "WordPaster / js / w.edge.js" charset = "utf-8"> </ script>

    <script type = "text / javascript" src = "WordPaster / js / w.app.js" charset = "utf-8"> </ script>

    <script type = "text / javascript" src = "WordPaster / js / w.file.js" charset = "utf-8"> </ script>

    <script type = "text / javascript" src = "WordPaster / js / skygqbox.js" charset = "utf-8"> </ script>

    <script type = "text / javascript" src = "WordPaster / js / WordPaster.js" charset = "utf-8"> </ script>

</ head>

<ボディ>

     <textarea name = "key of background value" id = "myEditor">最初のコンテンツをここに書き込んでください</ textarea>

     <script type = "text / javascript">

        var pasterMgr = new WordPasterManager();

        //pasterMgr.Config["PostUrl "] =" http://www.ncmem.com/products/upload_ori.aspx "

    pasterMgr.Config ["PostUrl"] = "http:// localhost:8080 / WordPaster2UEditor1.4x / upload.jsp"

    //pasterMgr.Config["PostUrl "] =" http://cloud.dyso.cn/ueditor/upload.jsp "

    pasterMgr.Load(); //ロード制御

 

        var ue = UE.getEditor( 'myEditor');

        

         ue.ready(function(){

             //エディターのコンテンツを設定します

             ue.setContent( 'hello');

             // htmlコンテンツを取得し、次を返します:<p> hello </ p>

             var html = ue.getContent();

             //プレーンテキストコンテンツを取得し、戻り値:hello

             var txt = ue.getContentTxt();

             pasterMgr.SetEditor(ue);

         });

                  

     </ script>

</ body>

</ html>

実現後の効果により、すべての画像をワード単位で一括してアップロードできるため、画像のアップロード効率が大幅に向上します。そして、Wordスタイルを維持できます。

 

画像がアップロードされると、エディターの画像アドレスはすべてサーバーの画像アドレスに変更されます。

すべてのコードはインターネットにアップロードされており、困っている友人はそれを直接ダウンロードして使用できます。http://blog.ncmem.com/wordpress/2019/08/07/javaword picture upload control /

ディスカッショングループ:223813913

おすすめ

転載: blog.csdn.net/weixin_45525177/article/details/108453320