3 answers
- 10-1
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.
Add your comment... - 10-1
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
- Fawad Khaliq
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.
- Fawad Khaliq
Moreover the images i am using are 4KB in size.
- Andrew
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.
- Fawad Khaliq
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": "" } } ] }
Add your comment... - 0-1-2
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.
- Fawad Khaliq
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
- xinweiwei
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
- Fawad Khaliq
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.
- Fawad Khaliq
@xinweiwei plz Vote up the issue.
Add your comment...
I have more than one 'Image Upload' fields in a form to upload images. During choosing the images one by one sometimes after the second or third image is attached, the rest just start crashing to attach. The workarrond is to save the form with the images so far and then edit back and attach the rest images.
This problem is in V6 only.
The attachment below will help understanding the problem.
Currently using the following version.
Version: 6.0.8 - build 013cf5c