Photo uploads not working - Showing as blank

  • Profile Image
    Asked on September 12, 2017 at 03:34 AM



    We're having some problems with the file upload. Some of the time the photos seem to be taking and uploading but then in Jotform submissions they show as a broken ? icon and when you try to open it it says "cannot open xx.jpg as the file is empty". 


    Any idea why this could be happening? Anything we can do to prevent this? 

  • Profile Image
    Answered on September 12, 2017 at 04:44 AM

    You're right, I can see empty images on that form's submissions.

    However, when I made a test submission with your form, I could not reproduce the problem.

    The image was successfully uploaded as expected.

    I think those empty images were not properly uploaded by the browser or they were interrupted during the upload which is usually a problem on the user end.

    Are your users are mostly using mobiles? Note that not all mobile browsers supports the take photo widget due to the browser resources it requires. When a browser does not support it, a fallback upload field will be put in placed so users will still be able to upload a photo. If they are having problems to it, I suggest adding a multi upload field into your form as a backup file uploader. 

    File upload is found under Form Elements

  • Profile Image
    Answered on September 13, 2017 at 06:16 PM

    Hi Elton, 

    All users are uploading on the same few iPad devices at all stall. Some of the images appear to take and upload but then show up blank, but many get through fine. Do you think it could be due to network issues? 

  • Profile Image
    Answered on September 13, 2017 at 08:07 PM

    The issue might be related to the used device, sometimes the script on the widget will not properly work while using certain mobile devices or mobile browsers. 

    You may follow my colleague's suggestion and use a basic file upload instead, that field will allow the users to either upload the image from the gallery or take the photo. 

    If you have the issue only with mobile devices, but want to keep the widget for desktop, then you may use two different elements, the basic field for mobile devices and the widget for desktop. 

    You will need to get the browser's info and add some conditions. 

    This guide will help you getting the browser info: 

    This guide will help you showing/hiding fields: 

    I hope this helps.