This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

Javascript can not display jpg files of 4 MB or more. Is there any limitation?

  • 1 reply
  • 1 has this problem
  • 1 view
  • Last reply by TyDraniu

evo_rickey
evo_rickey
more options

html 

       <input type='file' id="imgInp" />
       your image


js 

   $("#imgInp").change(function() {

readURL(this); 

   });


function readURL(input) { 

   if (input.files && input.files[0]) {
       let reader = new FileReader();
 
       reader.onload = function(e) {
           $('#blah').attr('src', e.target.result);
       };
 
       reader.readAsDataURL(input.files[0]);
   }

}

Javascript can not display jpg files of 4 MB or more. Is there any limitation?

html <input type='file' id="imgInp" /> <img id="blah" src="#" alt="your image" /> js $("#imgInp").change(function() { readURL(this); }); function readURL(input) { if (input.files && input.files[0]) { let reader = new FileReader(); reader.onload = function(e) { $('#blah').attr('src', e.target.result); }; reader.readAsDataURL(input.files[0]); } } Javascript can not display jpg files of 4 MB or more. Is there any limitation?

All Replies (1)

TyDraniu
TyDraniu
  • Top 10 Contributor
more options

The example on this page works for me for 5MB jpg. I don't think there's any limitation of such a small size.