Styjun

Multi tool use

Why don't hard Brexiteers insist on a hard border to prevent illegal immigration after Brexit?

Mathematics of imaging the black hole

Accepted by European university, rejected by all American ones I applied to? Possible reasons?

Falsification in Math vs Science

Is bread bad for ducks?

Is it possible for absolutely everyone to attain enlightenment?

How did passengers keep warm on sail ships?

Relationship between Gromov-Witten and Taubes' Gromov invariant

What do I do when my TA workload is more than expected?

Keeping a retro style to sci-fi spaceships?

Straighten subgroup lattice

Why was M87 targeted for the Event Horizon Telescope instead of Sagittarius A*?

writing variables above the numbers in tikz picture

Can an undergraduate be advised by a professor who is very far away?

Deal with toxic manager when you can't quit

Is it a good practice to use a static variable in a Test Class and use that in the actual class instead of Test.isRunningTest()?

The difference between dialogue marks

Are spiders unable to hurt humans, especially very small spiders?

How to charge AirPods to keep battery healthy?

What do these terms in Caesar's Gallic Wars mean?

Getting crown tickets for Statue of Liberty

Geography at the pixel level

Is Cinnamon a desktop environment or a window manager? (Or both?)

How to obtain a position of last non-zero element

Limit the Image size in jquery when uploading [duplicate]

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;

0

This question already has an answer here:

• 
  JavaScript file upload size validation
  
  12 answers
  
  

I'm using a below script to upload images and it check whether it is valid image or not. If not valid image, then show a alert message to reupload again. It works fine..but How to check the image size also...let's say less then 500 Kb, if user upload image more then 500 Kb...display a same alert message box to upload image less then required size which is 500kb.

Here is my code

$("#fileUpload_one").on('change', function () extn == "jpg" );

<input id="fileUpload_one" type="file" multiple />
<div id="image-holder_one"></div>

<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>

Thanks in advance.

javascript jquery html input

share|improve this question

asked Mar 22 at 4:37

redfaceredface

9518

marked as duplicate by Kaiido javascript
Users with the  javascript badge can single-handedly close javascript questions as duplicates and reopen them as needed.

StackExchange.ready(function()
if (StackExchange.options.isMobile) return;

$('.dupe-hammer-message-hover:not(.hover-bound)').each(function()
var $hover = $(this).addClass('hover-bound'),
$msg = $hover.siblings('.dupe-hammer-message');

$hover.hover(
function()
$hover.showInfoMessage('',
messageElement: $msg.clone().show(),
transient: false,
position: my: 'bottom left', at: 'top center', offsetTop: -7 ,
dismissable: false,
relativeToBody: true
);
,
function()
StackExchange.helpers.removeMessages();

);
);
);
Mar 22 at 5:03

This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Might be a duplication of this question: stackoverflow.com/a/3717847/2404452
  
  – blaz
  Mar 22 at 4:52
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  hope this helpefull two you Limit the Image size in jquery when uploading phppot.com/jquery/file-size-validation-using-jquery
  
  – Mohammad Malek
  Mar 22 at 5:01
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  paste this $(".thumb-image").css( 'width' : '200px', 'height' : '200px' ); after appendTo(image_holder);
  
  – Deepak
  Mar 22 at 5:02
  
  

  
  
  
  

add a comment | 

0

This question already has an answer here:

• 
  JavaScript file upload size validation
  
  12 answers
  
  

I'm using a below script to upload images and it check whether it is valid image or not. If not valid image, then show a alert message to reupload again. It works fine..but How to check the image size also...let's say less then 500 Kb, if user upload image more then 500 Kb...display a same alert message box to upload image less then required size which is 500kb.

Here is my code

$("#fileUpload_one").on('change', function () extn == "jpg" );

<input id="fileUpload_one" type="file" multiple />
<div id="image-holder_one"></div>

<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>

Thanks in advance.

javascript jquery html input

share|improve this question

asked Mar 22 at 4:37

redfaceredface

9518

marked as duplicate by Kaiido javascript
Users with the  javascript badge can single-handedly close javascript questions as duplicates and reopen them as needed.

StackExchange.ready(function()
if (StackExchange.options.isMobile) return;

$('.dupe-hammer-message-hover:not(.hover-bound)').each(function()
var $hover = $(this).addClass('hover-bound'),
$msg = $hover.siblings('.dupe-hammer-message');

$hover.hover(
function()
$hover.showInfoMessage('',
messageElement: $msg.clone().show(),
transient: false,
position: my: 'bottom left', at: 'top center', offsetTop: -7 ,
dismissable: false,
relativeToBody: true
);
,
function()
StackExchange.helpers.removeMessages();

);
);
);
Mar 22 at 5:03

This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Might be a duplication of this question: stackoverflow.com/a/3717847/2404452
  
  – blaz
  Mar 22 at 4:52
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  hope this helpefull two you Limit the Image size in jquery when uploading phppot.com/jquery/file-size-validation-using-jquery
  
  – Mohammad Malek
  Mar 22 at 5:01
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  paste this $(".thumb-image").css( 'width' : '200px', 'height' : '200px' ); after appendTo(image_holder);
  
  – Deepak
  Mar 22 at 5:02
  
  

  
  
  
  

add a comment | 

This question already has an answer here:

• 
  JavaScript file upload size validation
  
  12 answers
  
  

I'm using a below script to upload images and it check whether it is valid image or not. If not valid image, then show a alert message to reupload again. It works fine..but How to check the image size also...let's say less then 500 Kb, if user upload image more then 500 Kb...display a same alert message box to upload image less then required size which is 500kb.

Here is my code

$("#fileUpload_one").on('change', function () extn == "jpg" );

<input id="fileUpload_one" type="file" multiple />
<div id="image-holder_one"></div>

<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>

Thanks in advance.

javascript jquery html input

share|improve this question

asked Mar 22 at 4:37

redfaceredface

9518

$("#fileUpload_one").on('change', function () extn == "jpg" );

<input id="fileUpload_one" type="file" multiple />
<div id="image-holder_one"></div>

<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>

$("#fileUpload_one").on('change', function () extn == "jpg" );

<input id="fileUpload_one" type="file" multiple />
<div id="image-holder_one"></div>

<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>

$("#fileUpload_one").on('change', function () extn == "jpg" );

<input id="fileUpload_one" type="file" multiple />
<div id="image-holder_one"></div>

<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>

share|improve this question

asked Mar 22 at 4:37

redfaceredface

9518

share|improve this question

asked Mar 22 at 4:37

redfaceredface

9518

asked Mar 22 at 4:37

redfaceredface

9518

asked Mar 22 at 4:37

redfaceredface

9518

1 Answer
1

active

oldest

votes

0

if (typeof (FileReader) != "undefined") 
 //loop for each file selected for uploaded.
 for (var i = 0; i < countFiles; i++) 
 var reader = new FileReader();
 reader.onload = function (e) 
 $("<img />", 
 "src": e.target.result,
 "class": "thumb-image",
 ).appendTo(image_holder);
 $(".thumb-image").css('width' : '200px','height' : '200px');

 
 image_holder.show();
 reader.readAsDataURL($(this)[0].files[i]);
 
 

share|improve this answer

answered Mar 22 at 5:03

DeepakDeepak

55110

add a comment | 

0

if (typeof (FileReader) != "undefined") 
 //loop for each file selected for uploaded.
 for (var i = 0; i < countFiles; i++) 
 var reader = new FileReader();
 reader.onload = function (e) 
 $("<img />", 
 "src": e.target.result,
 "class": "thumb-image",
 ).appendTo(image_holder);
 $(".thumb-image").css('width' : '200px','height' : '200px');

 
 image_holder.show();
 reader.readAsDataURL($(this)[0].files[i]);
 
 

share|improve this answer

answered Mar 22 at 5:03

DeepakDeepak

55110

add a comment | 

0

if (typeof (FileReader) != "undefined") 
 //loop for each file selected for uploaded.
 for (var i = 0; i < countFiles; i++) 
 var reader = new FileReader();
 reader.onload = function (e) 
 $("<img />", 
 "src": e.target.result,
 "class": "thumb-image",
 ).appendTo(image_holder);
 $(".thumb-image").css('width' : '200px','height' : '200px');

 
 image_holder.show();
 reader.readAsDataURL($(this)[0].files[i]);
 
 

share|improve this answer

answered Mar 22 at 5:03

DeepakDeepak

55110

add a comment | 

if (typeof (FileReader) != "undefined") 
 //loop for each file selected for uploaded.
 for (var i = 0; i < countFiles; i++) 
 var reader = new FileReader();
 reader.onload = function (e) 
 $("<img />", 
 "src": e.target.result,
 "class": "thumb-image",
 ).appendTo(image_holder);
 $(".thumb-image").css('width' : '200px','height' : '200px');

 
 image_holder.show();
 reader.readAsDataURL($(this)[0].files[i]);
 
 

share|improve this answer

answered Mar 22 at 5:03

DeepakDeepak

55110

if (typeof (FileReader) != "undefined") 
 //loop for each file selected for uploaded.
 for (var i = 0; i < countFiles; i++) 
 var reader = new FileReader();
 reader.onload = function (e) 
 $("<img />", 
 "src": e.target.result,
 "class": "thumb-image",
 ).appendTo(image_holder);
 $(".thumb-image").css('width' : '200px','height' : '200px');

 
 image_holder.show();
 reader.readAsDataURL($(this)[0].files[i]);
 
 

share|improve this answer

answered Mar 22 at 5:03

DeepakDeepak

55110

answered Mar 22 at 5:03

DeepakDeepak

55110

answered Mar 22 at 5:03

DeepakDeepak

55110