標籤: javascript

javascript有關的程式內容,網頁效果,符合html4規格,教學式範例

[ExtJS]使用JSP上傳檔案圖片-WYSIWYG所視即所得網頁編輯器外掛 with CKEditor

yku Leave a comment

承前一篇使用Servlet上傳檔案，此篇改寫Servlet使用JSP來上傳圖片、Flash或檔案，取得設定檔部份由web.xml設定改成讀取外部properties設定檔，在前端javascript部份只需要修改CKConfig裡的上傳使用的三個參數就可以了。

          filebrowserUploadUrl : 'CKEditorUpload.jsp?Type=File',   
          filebrowserImageUploadUrl : 'CKEditorUpload.jsp?Type=Image',   
          filebrowserFlashUploadUrl : 'CKEditorUpload.jsp?Type=Flash',

CKEditorJSP.png

CKEditorJSP-ImageUpload3.png

CKEditorJSP-ImageUpload.png

CKEditorJSP-ImageUpload2.png

Read More

[ExtJS]使用Servlet上傳檔案圖片-WYSIWYG所視即所得網頁編輯器外掛 with CKEditor

yku 1 Comment

在上一篇[ExtJS]WYSIWYG所視即所得網頁編輯器外掛 with CKEditor有提到如何在ExtJS裡使用WYSIWYG所視即所得的網頁編輯器，不過並沒有上傳檔案或圖片的功能，要開啟上傳的功能只需要在CKConfig增加三個參數設定指定要做上傳動作的url就可以啟動了，在這篇並附上Servlet實作傳檔的功能。

        filebrowserUploadUrl : 'ckeditor/uploader?Type=File',//檔案上傳的url
        filebrowserImageUploadUrl : 'ckeditor/uploader?Type=Image',//圖檔上傳的url
        filebrowserFlashUploadUrl : 'ckeditor/uploader?Type=Flash',//flash上傳的url

加上以上參數後會在以下三個動作加上一個上傳的tab，可上傳檔案至Server端存放

檔案上傳（插入超連結）

檔案上傳（插入超連結）

上傳Flash

上傳Flash

上傳Image圖檔

上傳Image圖檔picture

Read More