Image upload to mobile web application failed due to insufficient memory

I have created a web mobile app using jQuery mobile and django and I am facing the problem of uploading captured images from my mobile to the server due to insufficient memory (exact error in android chrome: "could not complete previous image with low memory load" )

I am afraid that the photos on smartphones will be large, that it does not have enough storage space in memory.

The only solution I can think of is resizing the image on the client side, but I couldn't find an easy way to do this (including external javascript libraries)

my specific input in html:

            <input accept="image/*" data-clear-btn="false" data-role="none" id="pictureUpload" name="image" type="file" />

      

        
        
        
      

    

I would be grateful for your help

Thank!