Picture not showing up properly after uploaded to folder. I see an icon only.

I inserted the CKEditor into a page with image upload to a designated folder. The uploaded images would be inserted into the HTML editor. Unfortunately, I encountered the following problems:

1. The uploaded images do not appear at all when I browsed the folder. I can only see a grey box above the file name.
2. When I inserted an image, I see a red box with a cross. Strangely, 1 or 2 images appeared properly. I wonder why.
3. When I previewed the uploaded images, I can only see an image icon in the lightbox.
4. The target upload folder is "photos". But why do I see 2 folders by the same name whereby one is set as the root folder and another a sub-folder?
5. Where can I set the permission to allow only authorised person to access the upload folder? Do I need to create a database listing of authenticated users with login id and password?

See attached image for screencaps.

1) many of the files in the webassist/kfm folder have become corrupted during the upload, the code on a lot of the files in that directory has become double spaced. this is causing the image thumbnail problem.


try using a 3rd party ftp program like file zilla to preform the upload to prevent this from happening

2) in the kfm configuration file, the user file path:
$kfm_userfiles_address = '../../photos';

was missing the trailing slash:
$kfm_userfiles_address = '../../photos/';

3) see the description for 1, it;s the same problem.

4) you see 2 folders named photos because there are 2 folders named photos. there is a photos subdirectory in the photos folder.

use security assist to create admin login. In webassist -> forms -> HTML Editor -> Site settings dialog, you can set the security assist user that has access to the file manager.

Using 3rd party FTP program is not a good option because the web application is used by regular users who are not IT savvy. Is there any way to prevent the uploaded files from being corrupted? I mean the extension is supposed to work and I shouldn't resort to 3rd party programs.

when i say the uploaded files, i mean the files in the webassist/kfm folder that you upload to the server for the website in order to use the file manager. I don't the files that a user would upload using the file manager.

Yup, I understand that you are referring to the webassist/kfm files. Do I simply "repair" the configuration.php file by adding missing trailing slash?

yes, that is correct.

I added the trailing slash but the problem is still there. Can you check?

did you upload the webassist/kfm files using a 3rd party ftp program like file zilla as I suggested.


I still see corruption in the webassist/kfm files.

I had used DW's upload but seems that it doesn't work. Now I understand what you mean about using file zilla. It is working now. Just being curious. So what you are saying is that DW's upload feature actually corrupted the kfm files? By the way, there seems to be an image size restriction. How do I remove the restriction, and how do I set the image size to % based rather than pixel based?

The Dreamweaver uplaod can sometimes cause corruption in the code.

i have normally seen it happen as a result of the Dreamweaver Preferences -> Code Formatting setting being set to anything other than LF (Unix), though that is not the only cause


the allowed image size is set in webassist/kfm/initialize.php:

$kfm->defaultSetting('max_image_upload_width', 1024);
$kfm->defaultSetting('max_image_upload_height', 768);


the file manager does not support percentages over pixals.