I use default web app image field to let customers upload images together with web app items. This works fine unless the image name is not right. Say they are using "! ," or other non usable characters in image name and image is not retrieved with web app item.
How can I control the rename process of the image? I've noticed BC adds to the image name web item's id and other number but can it be achieved to get rid of unallowed simbols in the name?
Please let me know how could this be achieved (with JS maybe?). Its a big issue when users upload lots of images to their personal galleries and further gallery viewing stops because of one link is broken.
Page in question: http://www.globalcastingcenter.com/talent-directory
Talents have their profiles with galleries. I use JS lightbox to go through the gallery and if they upload 20 images and say 11th is broken none of the remaining can be viewed.
The file users upload via the webapp submission form cannot be renamed via the front-end, if you need to validate the name and make sure it does not contain certain types of characters you can do this at the time the users submit the files using js (as you well said) - http://screencasteu.worldsecuresystems.com/Mihai/2012-07-24_1518.png
Here is a tutorial about field validations:
You basically need to:
-write your own function that "looks" for prohibited characters
-make sure the function is included properly in the page
-make sure the function is triggered just before the form is submitted. To do this add your function before the theForm.submit() part like so: http://screencasteu.worldsecuresystems.com/Mihai/2012-07-24_1525.png