Looking for a little advice, I have a file upload form, that saves to a folder.
As a secondary step it creates a smaller thumbnail image too with a Load Image, Resize Image, Save Image
My Upload Step is set with a Template of {name}{ext} and my Save Image step has a Format Auto and a Template of {name}{ext} the same as the upload step.
When I upload .jpg, .png, .gif files everything is fine and the filename of the main image and the thumbnail image are identical.
If I however upload a .jpeg file, the main file remains .jpeg while the thumbnail is .jpg and drops the e from the extension.
I have tried adding an expression to the File Upload Template, however I must have the wrong syntax because I can not get it to work. This is what I tried
{name}{ext}.replace('jpeg', 'jpg')
And about 20 other variants of that with curly braces, parenthesise, additions, ternary versions, and it seems I can not find the perfect fit.
Add another step with Load Image, Save Image (In fact, the previously uploaded jpeg file will be copied and saved, but with the jpg resolution).
Add a step to delete the initially uploaded source file with the jpeg resolution.
As a result of these additional steps, you will have two jpg files (one is a smaller one, the other is an exact copy of the original), and the first uploaded file is deleted.
To optimize the load on the server, you can add a condition step in which the jpeg extension will be monitored. If the extension has a standard appearance, there will be no additional steps and the server action will take place according to your standard scenario.
Thanks @Mr.Rubi, unfortunately I did think of doing that but to be honest, because my server action is far more complicated than what I made out and because this is in a dropzone allowing multi upload and it does an if file exists step after the upload, this would cause me quite a pain to try remake parts of my scripts logic.
@patrick, I actually think this issue may be a bit of an oversight between the File Upload module vs the Save Image module.
The File Upload has no real extension auto renaming or remapping at all
The Save Image has lib/modules/image.js on line 193
Therefore if I upload a file named patrick.jpeg and do a load, resize, save image, then the saved image name becomes patrick.jpg which no longer matches its original name. I have altered line 193 to no longer replace that and now all works as expected.
I tried to create a little module for it to be honest, but I failed dismally, haha, for some reason I can not seem to get the filenames with files1.files[0].name which causes an issue later in my repeat.
I have been having issues with some things on server action repeats or maybe just iterating through elements from a $_POST where if only 1 file is sent vs many files and I want to see them with a setValue step, I have to use a different syntax for 1 file vs many files like this.
For a file upload marked as multiple, you can use a repeat irrespective of whether single file has been uploaded or multiple.
Not sure what your setup looks like, but the repeat should not cause any issues from what I understand.
For the custom module, the input param should be the complete file name including the path. If you are inside the file upload repeat it should not be much of an issue.
I have the same problemā¦ it seem its mostly images takes with an iphone that creates the .jpeg extensionā¦ and then it all āgoes belly upā as you explained aboveā¦ ā¦ so what did you end up doing to resolve this? Did you mark this as a bug? as i have tried aboveā¦ but the problem is when the file name gets loaded its saves it as jpeg and not jpgā¦ as im not going to repeat all you have saidā¦
UPDATE!! @psweb@Mennovandijk@sid
Ok... i have edited the upload.js file.
Now i can load.. jpeg.. and jpg files in batches.. and it will rename the jpeg and also place to the correct file name in the database..
Line 71.
if (!file.processed) {
let name = file.name.replace(/[\x00-\x1f\x7f!%&#@$*()?:,;"'<>^`|+={}\/]/g, '');
to
if (!file.processed) {
let name = file.name.replace(/[\x00-\x1f\x7f!%&#@$*()?:,;"'<>^`|+={}\[\]\\\/]/g, '').replace('.jpeg', '.jpg');
How can I force the .JPG or .JPEG or .PNG to lowercase on upload please...
I have tried the below.. but with no luck .. as on my "localhost dev machine" it working.. but not doing the trick on Digital Ocean.. seems it sees JPG and jpg as the same thing...
if (!file.processed) {
let name = file.name.replace(/[\x00-\x1f\x7f!%&#@$*()?:,;"'<>^`|+={}\/]/g, '').replace('.jpeg', '.jpg').replace('.JPEG', '.jpg').replace('.JPG', '.jpg').replace('.PNG', '.png');
OK... Sorted ... this works now for now on local and Digital Ocean... @Mennovandijk
@psweb can you please move this to BUGS please....
lib/modules/upload.js
Line 71. this is on Node
if (!file.processed) {
let name = file.name.replace(/[\x00-\x1f\x7f!%&#@$*()?:,;"'<>^`|+={}\/]/g, '').replace('.jpeg', '.jpg').replace('.JPEG', '.jpg').replace('.JPG', '.jpg').replace('.PNG', '.png').toLowerCase();
it seem its mostly images takes with an iphone that creates the .jpeg extensionā¦ and then it all āgoes belly upā as you explained aboveā¦ ā¦ so what did you end up doing to resolve this? Did you mark this as a bug? as i have tried aboveā¦ but the problem is when the file name gets loaded its saves it as jpeg and not jpgā¦ as im not going to repeat all you have saidā¦ 
