Hi,
I have seen the different solutions for image and file uploads, but seems to be too complex for my need.
All I need is:
- a dialog in which I have a browse button for selecting local files
- an upload button which calls a JSP servlet to upload the file to a predefined folder,
- JSP servlet is able to return with an error message (IO error, Disk full, etc) or the URL of the uploaded image, which must be inserted into the text as img tag.
Additional feature (if all the above is done):
- a simple file browser without preview with which I can select the file by name.
I have started with the first one and I am stucked as I don't have a clue about calling the JSP.
plugin.js
imgupload.js
I presume I don't need the fileBrowser but I need a function tied to the onSelect.
Update: I am also interested in inserting images from server only.
Can you please help me? I was Googleing already for hours, but could not find the solution yet.
Thanks in advance, stan
I have seen the different solutions for image and file uploads, but seems to be too complex for my need.
All I need is:
- a dialog in which I have a browse button for selecting local files
- an upload button which calls a JSP servlet to upload the file to a predefined folder,
- JSP servlet is able to return with an error message (IO error, Disk full, etc) or the URL of the uploaded image, which must be inserted into the text as img tag.
Additional feature (if all the above is done):
- a simple file browser without preview with which I can select the file by name.
I have started with the first one and I am stucked as I don't have a clue about calling the JSP.
plugin.js
CKEDITOR.plugins.add('imgupload', { init: function(editor) { editor.addCommand('imgupload', new CKEDITOR.dialogCommand('imgupload')); editor.ui.addButton('imgupload', { label: editor.lang.common.image + ' ' + editor.lang.common.upload, command: 'imgupload', icon: this.path + 'imgupload.png' }); CKEDITOR.dialog.add('imgupload', this.path + 'dialogs/imgupload.js'); } });
imgupload.js
CKEDITOR.dialog.add('imgupload', function(editor) { CKEDITOR.skins.load(editor, 'imgupload'); return { title : editor.lang.common.image + ' ' + editor.lang.common.upload, minWidth : CKEDITOR.env.ie ? 150 : 120, minHeight : 100, contents : [ { id : 'image_upload', label : '', title : '', expand : true, padding : 0, elements : [ { type : 'file', id : 'upload', label : 'Select file from your computer', size : 38 }, { type : 'fileButton', id : 'fileId', label : 'Upload file', 'for' : [ 'tab1', 'upload' ], filebrowser : { onSelect : function( fileUrl, data ) { alert( 'Successfully uploaded: ' + fileUrl ); } } } ] } ] }; });
I presume I don't need the fileBrowser but I need a function tied to the onSelect.
Update: I am also interested in inserting images from server only.
Can you please help me? I was Googleing already for hours, but could not find the solution yet.
Thanks in advance, stan