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

這個範例是跟據之前的ExtJS-CKEditor上傳檔案及圖片使用jsp的方法改寫的,裡面可能有需多jsp的概念存在,不過在php上傳時是沒有問題的,不同於jsp範例,此處直require_once設定檔進來,而不使用讀取外部設定檔的方式。在使用上要修改CKConfig三個上傳參數,指定正確的url路徑。

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

詳細的說明請參考[ExtJS]WYSIWYG所視即所得網頁編輯器外掛 with CKEditor

ExtJS外掛CKEditor使用PHP上傳檔案或圖片

Read More

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

承前一篇使用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

在上一篇[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