1. 程式人生 > >CKEditor 整合CKFinder實現檔案上傳及富文字操作

CKEditor 整合CKFinder實現檔案上傳及富文字操作

    <servlet>
        <servlet-name>ConnectorServlet</servlet-name>
        <servlet-class>com.ckfinder.connector.ConnectorServlet</servlet-class>
        <init-param>
            <param-name>XMLConfig</param-name>
            <param-value>/WEB-INF/config.xml</param-value>
        </init-param>
        <init-param>
            <param-name>debug</param-name>
            <param-value>false</param-value>
        </init-param>
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>ConnectorServlet</servlet-name>
        <url-pattern>/ckfinder/core/connector/java/connector.java</url-pattern>
    </servlet-mapping>
    <filter>
        <filter-name>FileUploadFilter
        </filter-name>
        <filter-class>com.ckfinder.connector.FileUploadFilter</filter-class>
        <init-param>
            <param-name>sessionCookieName</param-name>
            <param-value>JSESSIONID</param-value>
        </init-param>
        <init-param>
            <param-name>sessionParameterName</param-name>
            <param-value>jsessionid</param-value>
        </init-param>
    </filter>
    <filter-mapping>
        <filter-name>FileUploadFilter</filter-name>
        <url-pattern>/ckfinder/core/connector/java/connector.java</url-pattern>
    </filter-mapping>
    <session-config>
        <session-timeout>10</session-timeout>
    </session-config>

相關推薦

CKEditor 整合CKFinder實現檔案文字操作

    <servlet>         <servlet-name>ConnectorServlet</servlet-name>         <servlet-class>com.ckfinder.connector.ConnectorServlet&

CKEditorCKFinder整合實現檔案功能

一.需要的資源: a) ckeditor_3.6.2 (解壓) b) ckeditor-java-3.6.2 (解壓) c) ckfinder_java_2.1 (解壓) 二.執行步驟: 1.MyEclipse新建Web Project:CKEditor_Fin

記錄一次使用Ckeditor+Ckfinder實現檔案

一、準備工作 Ckeditor_4.5.7_full + Ckfinder_java_2.6.0 二、解壓 1.解壓ckeditor,和平常檔案解壓相同,正常解壓即可 2.解壓ckfinder,解壓完成後進入ckfinder資料夾下,發現有CKF

使用jquery.form.js實現檔案進度條前端程式碼

1、背景 ajax的表單提交只能提交data資料到後臺,沒法實現file檔案的上傳還有展示進度功能,這裡用到form.js的外掛來實現,搭配css樣式簡單易上手,而且高大上,推薦使用。 2、靜態頁搭建 html程式碼如下 <div clas

如何用spring整合mongodb實現檔案

首先要把必要的mongoDB需要的jar加進專案中 定義mongoDB的bean <bean id="mongoClient" class="com.mongodb.MongoClient"> <constructor-arg index="

Spring整合Struts2實現檔案下載

Sping與Struts環境的搭建在前文已經講述過了,再次就不再做過多介紹了,詳情請參考前文《Spring整合Struts2中攔截鏈與註解的使用 》。接下來進入正題,Struts2的多檔案上傳步驟。本文仍然沿用Spring框架對Struts2框架進行管理,首先來看web.x

ckeditor添加自定義按鈕整合swfupload實現批量圖片

下載 了解 nbsp 文件 mouseover 去掉 dial size pro ckeditor添加自定義按鈕整合swfupload實現批量上傳圖片給ckeditor添加自定義按鈕,由於ckeditor只能上傳一張圖片,如果要上傳多張圖片就要結合ckfinder,而ckf

TP5實現檔案展示

view層上傳: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body&

js+jstl+servlet實現檔案、列表展示檔案下載

檔案上傳 1.upload.html: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert

JspSmartUpload 實現檔案下載Mysql實現分頁

一、寫在前面 這篇文章主要是分享使用JspSamrtUpload實現多檔案的上傳下載功能,及使用Mysql資料庫的 limit 函式實現檔案顯示列表的分頁顯示功能。 二、需要的jar包 下載後把它複製到web的lib目錄下即可。 三、關鍵程式碼 3.1 多檔案上傳前

基於tobato的fastdfs與spring boot整合實現檔案和下載

專案結構: pom.xml檔案新增配置: <!-- fastdfs --> <dependency> <groupId>com.github.tobato</groupId> <artifactId>fastd

使用okhttp3實現檔案表單資料一起

1 建立okhttpClient 程式碼如下,上傳檔案設定超時時間30s OkHttpClient client = new OkHttpClient.Builder() .writeTimeout(3

Android Webview實現圖片、檔案啟動相機功能

直接上程式碼,體會Webview強大的功能。 webView.setWebChromeClient(webChromeClient);private String mCameraFilePath = null; private ValueCallback<Uri&g

SpringBoot實現本地儲存檔案提供HTTP訪問服務

筆者計劃為大家介紹分散式檔案系統,用於儲存應用的圖片、word、excel、pdf等檔案。在開始介紹分散式檔案系統之前,為大家介紹一下使用本機儲存來存放檔案資源。 二者的核心實現過程是一樣的: * 上傳檔案,儲存檔案(本節是本地磁碟) * 返回檔案HTTP訪問服務路徑給前端,進行上傳之後的效果展示 ## 一

struts2實現檔案與下載功能

一、Demo介紹 基於struts2框架,實現多檔案的上傳和下載功能。 實現原理圖: 部分介面圖: 上傳成功及下載頁面: 二、主要程式碼 uploadFile.jsp:在form表單中包含一個文字框(上傳使用者的姓名)和兩個檔案上傳選項. <%@

Java Springboot結合FastDFS實現檔案以及根據圖片url將圖片至圖片伺服器

上一篇文章我們已經講解了如何搭建FastDFS圖片伺服器,環境我們準備好了現在就讓我們開始與Java結合將他應用到實際的專案中吧。本篇文章我們將會展示上傳圖片到FastDFS圖片伺服器以及通過外網的圖片url將圖片上傳至我們自己的圖片伺服器中。 1.建立springbo

yii框架實現檔案

yii框架實現檔案上傳 1.首先yii框架下載uploadFile類 2.html程式碼 <input type="file" class="file" style="display: none" name="business_license" /> 3.j

原生javascript實現檔案功能程式碼

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ini

【SSH網上商城專案實戰13】Struts2實現檔案功能

  轉自:https://blog.csdn.net/eson_15/article/details/51366384 上一節我們做完了新增和更新商品的功能,這兩個部分裡有涉及到商品圖片的上傳,並沒有詳細解說。為此,這篇文章詳細介紹一下Struts2實現檔案上傳的功能。 1