it seem ok in my app. I have 6 image uploads field in my form and does not has your issue. Maybe u can tell more about your environment like browser, os, javascript error etc.

Hi, Thanks for your reply but this is still a problem. We are getting this problem on multiple servers. Our client is complaining too using production server. We are using Chrome browser. Thanks

Hi

If you have the joget.log error message "Caused by: java.net.SocketTimeoutException: Read timed out", it may mean that you have some kind of Tomcat connection socket timeout before the file was fully uploaded.

There are a number of connection timeout settings you can configure in the tomcat server.xml configuration, see https://tomcat.apache.org/tomcat-7.0-doc/config/http.html#Standard_Implementation .

Further reference:

• http://www.genericarticles.com/mediawiki/index.php?title=How_to_optimize_tomcat_performance_in_production (under the section Solving multipart/form-data Read timed out issue)

• http://stackoverflow.com/questions/12476604/processing-of-multipart-form-data-request-failed-read-timed-out or more specifically http://stackoverflow.com/a/12476814

Please note that i am talking about the file chooser actually, which is somthing before form submission. When i click "Drop files here or click to upload" and choose an image, the thumbnail get broken and image fail to attached.

Moreover the images i am using are 4KB in size.

Please zip and upload your joget.log files and also view for any error message in browser F12 developer console, that might help diagnose the problem. Thank you.

I checked the logs catalina.log and joget.log (using command tail -f /opt/joget-xxxxxx) but no excepition is throwing. And no error in browser F12 developer console. The following is the form json, please create this form and test. { "className": "org.joget.apps.form.model.Form", "properties": { "noPermissionMessage": "", "loadBinder": { "className": "org.joget.apps.form.lib.WorkflowFormBinder", "properties": {} }, "name": "Select Images", "description": "", "postProcessorRunOn": "both", "permission": { "className": "", "properties": {} }, "id": "selectImages", "postProcessor": { "className": "", "properties": {} }, "storeBinder": { "className": "org.joget.apps.form.lib.WorkflowFormBinder", "properties": {} }, "tableName": "tes_dummy" }, "elements": [ { "elements": [ { "elements": [ { "className": "org.joget.plugin.enterprise.ImageUpload", "properties": { "padding": "", "permissionType": "", "maxSizeMsg": "File size limit exceeded", "multiple": "", "validator": { "className": "", "properties": {} }, "createThumbnail": "true", "maxSize": "", "label": "Image 1", "readonly": "", "removeFile": "", "width": "60", "fileTypeMsg": "Invalid file type", "id": "image1", "fileType": ".jpeg;.jpg;.gif;.png", "height": "60" } }, { "className": "org.joget.plugin.enterprise.ImageUpload", "properties": { "padding": "", "permissionType": "", "maxSizeMsg": "File size limit exceeded", "multiple": "", "validator": { "className": "", "properties": {} }, "createThumbnail": "true", "maxSize": "", "label": "Image 2", "readonly": "", "removeFile": "", "width": "60", "fileTypeMsg": "Invalid file type", "id": "image2", "fileType": ".jpeg;.jpg;.gif;.png", "height": "60" } }, { "className": "org.joget.plugin.enterprise.ImageUpload", "properties": { "padding": "", "permissionType": "", "maxSizeMsg": "File size limit exceeded", "multiple": "", "validator": { "className": "", "properties": {} }, "createThumbnail": "true", "maxSize": "", "label": "Image 3", "readonly": "", "removeFile": "", "width": "60", "fileTypeMsg": "Invalid file type", "id": "image3", "fileType": ".jpeg;.jpg;.gif;.png", "height": "60" } }, { "className": "org.joget.plugin.enterprise.ImageUpload", "properties": { "padding": "", "permissionType": "", "maxSizeMsg": "File size limit exceeded", "multiple": "", "validator": { "className": "", "properties": {} }, "createThumbnail": "true", "maxSize": "", "label": "Image 4", "readonly": "", "removeFile": "", "width": "60", "fileTypeMsg": "Invalid file type", "id": "image4", "fileType": ".jpeg;.jpg;.gif;.png", "height": "60" } }, { "className": "org.joget.apps.form.lib.TextField", "properties": { "maxlength": "", "validator": { "className": "", "properties": {} }, "label": "Video Link", "encryption": "", "size": "", "readonly": "", "workflowVariable": "", "style": "", "id": "videoLink", "placeholder": "", "value": "", "readonlyLabel": "", "storeNumeric": "" } } ], "className": "org.joget.apps.form.model.Column", "properties": { "width": "100%" } } ], "className": "org.joget.apps.form.model.Section", "properties": { "readonly": "", "loadBinder": { "className": "", "properties": {} }, "permissionReadonly": "", "permission": { "className": "", "properties": {} }, "comment": "", "id": "section3", "label": "Details", "storeBinder": { "className": "", "properties": {} }, "readonlyLabel": "" } } ] }

Hi

I tested your form on 1) localhost & 2) https://...cloud.joget.com site and could successfully upload 4 images and save the record (v6).

Attached is my test app  APP_multi_image_upload.jwa  (form based on yr JSON) for your testing.

Thank you.

do you solve it? I saw the problem too,my form has two upload mandatory fields, as I submit the form,it will break. one field has miss its file,it tips missing required value

Hi xinweiwei, unfortunately I haven't solved this problem yet. A new version 6.0.9 has been released already. May be this problem has been resolved. If not, then i will try to share my project link with the experts so that they could check the error. This is my plan so far :-P however couldn't get time to pursue.

@xinweiwei plz Vote up the issue.