Ufdjrw

How is this relation reflexive?

What Brexit solution does the DUP want?

How can I hide my bitcoin transactions to protect anonymity from others?

Patience, young "Padovan"

whey we use polarized capacitor?

Why did the Germans forbid the possession of pet pigeons in Rostov-on-Don in 1941?

Why is "Reports" in sentence down without "The"

I see my dog run

Why has Russell's definition of numbers using equivalence classes been finally abandoned? ( If it has actually been abandoned).

Can I interfere when another PC is about to be attacked?

How is the claim "I am in New York only if I am in America" the same as "If I am in New York, then I am in America?

Why don't electromagnetic waves interact with each other?

What is the offset in a seaplane's hull?

Are tax years 2016 & 2017 back taxes deductible for tax year 2018?

TGV timetables / schedules?

How long does it take to type this?

Is it possible to do 50 km distance without any previous training?

Motorized valve interfering with button?

Can an x86 CPU running in real mode be considered to be basically an 8086 CPU?

How is it possible to have an ability score that is less than 3?

Draw simple lines in Inkscape

Work Breakdown with Tikz

How to add power-LED to my small amplifier?

"which" command doesn't work / path of Safari?

how to limit the maximum number of uploaded image files

How to limit the maximum files chosen when using multiple file inputHow to efficiently count the number of keys/properties of an object in JavaScript?How can I format numbers as dollars currency string in JavaScript?How can I upload files asynchronously?How do I give text or an image a transparent background using CSS?How do I include a JavaScript file in another JavaScript file?jQuery Ajax File UploadHow to print a number with commas as thousands separators in JavaScriptHow do I auto-resize an image to fit a 'div' container?Preview an image before it is uploadedCannot display HTML string

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

3

I want to limit the maximum upload of image files by adding alerts to the following code

the alert is alert("You Have Reached The MAXIMUM Upload Limit");
so when I add one by one to the specified limit, an alert will appear

<div class="files col-sm-4" id="files1">
 <input type="file" name="files1" id="imagesix" multiple />
 <br />Selected files:
 <ol class="fileList"></ol>
</div>

script

$.fn.fileUploader = function (filesToUpload) 
 this.closest(".files").change(function (evt) 

 for (var i = 0; i < evt.target.files.length; i++) 
 filesToUpload.push(evt.target.files[i]);
 ;
 var output = [];

 for (var i = 0, f; f = evt.target.files[i]; i++) 
 var removeLink = "<i class="fa fa-times fa-close removeFile" href="#" data-fileid="" + i + ""></i>";

 output.push("<li><strong>", escape(f.name), "</strong> ", removeLink, " </li> ");
 

 $(this).children(".fileList")
 .append(output.join(""));
 );
;

var filesToUpload = [];

$(document).on("click",".removeFile", function(e)
 e.preventDefault();
 var fileName = $(this).parent().children("strong").text();
 for(i = 0; i < filesToUpload.length; ++ i)
 if(filesToUpload[i].name == fileName)
 filesToUpload.splice(i, 1);
 
 
 $(this).parent().remove();
);


$("#files1").fileUploader(filesToUpload);

javascript jquery html

share|improve this question

edited Mar 8 at 5:26

TheParam

4,25211830

asked Mar 8 at 4:11

Kiki OliviaKiki Olivia

244

add a comment | 

3

I want to limit the maximum upload of image files by adding alerts to the following code

the alert is alert("You Have Reached The MAXIMUM Upload Limit");
so when I add one by one to the specified limit, an alert will appear

<div class="files col-sm-4" id="files1">
 <input type="file" name="files1" id="imagesix" multiple />
 <br />Selected files:
 <ol class="fileList"></ol>
</div>

script

$.fn.fileUploader = function (filesToUpload) 
 this.closest(".files").change(function (evt) 

 for (var i = 0; i < evt.target.files.length; i++) 
 filesToUpload.push(evt.target.files[i]);
 ;
 var output = [];

 for (var i = 0, f; f = evt.target.files[i]; i++) 
 var removeLink = "<i class="fa fa-times fa-close removeFile" href="#" data-fileid="" + i + ""></i>";

 output.push("<li><strong>", escape(f.name), "</strong> ", removeLink, " </li> ");
 

 $(this).children(".fileList")
 .append(output.join(""));
 );
;

var filesToUpload = [];

$(document).on("click",".removeFile", function(e)
 e.preventDefault();
 var fileName = $(this).parent().children("strong").text();
 for(i = 0; i < filesToUpload.length; ++ i)
 if(filesToUpload[i].name == fileName)
 filesToUpload.splice(i, 1);
 
 
 $(this).parent().remove();
);


$("#files1").fileUploader(filesToUpload);

javascript jquery html

share|improve this question

edited Mar 8 at 5:26

TheParam

4,25211830

asked Mar 8 at 4:11

Kiki OliviaKiki Olivia

244

add a comment | 

I want to limit the maximum upload of image files by adding alerts to the following code

the alert is alert("You Have Reached The MAXIMUM Upload Limit");
so when I add one by one to the specified limit, an alert will appear

<div class="files col-sm-4" id="files1">
 <input type="file" name="files1" id="imagesix" multiple />
 <br />Selected files:
 <ol class="fileList"></ol>
</div>

script

$.fn.fileUploader = function (filesToUpload) 
 this.closest(".files").change(function (evt) 

 for (var i = 0; i < evt.target.files.length; i++) 
 filesToUpload.push(evt.target.files[i]);
 ;
 var output = [];

 for (var i = 0, f; f = evt.target.files[i]; i++) 
 var removeLink = "<i class="fa fa-times fa-close removeFile" href="#" data-fileid="" + i + ""></i>";

 output.push("<li><strong>", escape(f.name), "</strong> ", removeLink, " </li> ");
 

 $(this).children(".fileList")
 .append(output.join(""));
 );
;

var filesToUpload = [];

$(document).on("click",".removeFile", function(e)
 e.preventDefault();
 var fileName = $(this).parent().children("strong").text();
 for(i = 0; i < filesToUpload.length; ++ i)
 if(filesToUpload[i].name == fileName)
 filesToUpload.splice(i, 1);
 
 
 $(this).parent().remove();
);


$("#files1").fileUploader(filesToUpload);

javascript jquery html

share|improve this question

edited Mar 8 at 5:26

TheParam

4,25211830

asked Mar 8 at 4:11

Kiki OliviaKiki Olivia

244

<div class="files col-sm-4" id="files1">
 <input type="file" name="files1" id="imagesix" multiple />
 <br />Selected files:
 <ol class="fileList"></ol>
</div>

$.fn.fileUploader = function (filesToUpload) 
 this.closest(".files").change(function (evt) 

 for (var i = 0; i < evt.target.files.length; i++) 
 filesToUpload.push(evt.target.files[i]);
 ;
 var output = [];

 for (var i = 0, f; f = evt.target.files[i]; i++) 
 var removeLink = "<i class="fa fa-times fa-close removeFile" href="#" data-fileid="" + i + ""></i>";

 output.push("<li><strong>", escape(f.name), "</strong> ", removeLink, " </li> ");
 

 $(this).children(".fileList")
 .append(output.join(""));
 );
;

var filesToUpload = [];

$(document).on("click",".removeFile", function(e)
 e.preventDefault();
 var fileName = $(this).parent().children("strong").text();
 for(i = 0; i < filesToUpload.length; ++ i)
 if(filesToUpload[i].name == fileName)
 filesToUpload.splice(i, 1);
 
 
 $(this).parent().remove();
);


$("#files1").fileUploader(filesToUpload);

share|improve this question

edited Mar 8 at 5:26

TheParam

4,25211830

asked Mar 8 at 4:11

Kiki OliviaKiki Olivia

244

share|improve this question

edited Mar 8 at 5:26

TheParam

4,25211830

asked Mar 8 at 4:11

Kiki OliviaKiki Olivia

244

edited Mar 8 at 5:26

TheParam

4,25211830

edited Mar 8 at 5:26

TheParam

4,25211830

asked Mar 8 at 4:11

Kiki OliviaKiki Olivia

244

asked Mar 8 at 4:11

Kiki OliviaKiki Olivia

244

2 Answers
2

active

oldest

votes

1

this code I implement for my project but as per your requirement you can change it.

refrence: this stackoverflow question

$(function()
 $("input[type='submit']").click(function()
 var $fileUpload = $("input[type='file']");
 if (parseInt($fileUpload.get(0).files.length)>2)
 alert("You can only upload a maximum of 2 files");
 
 ); 
);

share|improve this answer

answered Mar 8 at 4:31

DhavalDhaval

54711028

add a comment | 

0

You can use the Dropzone.js plugin for the same. It allows you to configure it as per the need.

share|improve this answer

answered Mar 8 at 6:35

RangerRanger

134215

add a comment | 

Your Answer

StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55056611%2fhow-to-limit-the-maximum-number-of-uploaded-image-files%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

1

this code I implement for my project but as per your requirement you can change it.

refrence: this stackoverflow question

$(function()
 $("input[type='submit']").click(function()
 var $fileUpload = $("input[type='file']");
 if (parseInt($fileUpload.get(0).files.length)>2)
 alert("You can only upload a maximum of 2 files");
 
 ); 
);

share|improve this answer

answered Mar 8 at 4:31

DhavalDhaval

54711028

add a comment | 

1

this code I implement for my project but as per your requirement you can change it.

refrence: this stackoverflow question

$(function()
 $("input[type='submit']").click(function()
 var $fileUpload = $("input[type='file']");
 if (parseInt($fileUpload.get(0).files.length)>2)
 alert("You can only upload a maximum of 2 files");
 
 ); 
);

share|improve this answer

answered Mar 8 at 4:31

DhavalDhaval

54711028

add a comment | 

this code I implement for my project but as per your requirement you can change it.

refrence: this stackoverflow question

$(function()
 $("input[type='submit']").click(function()
 var $fileUpload = $("input[type='file']");
 if (parseInt($fileUpload.get(0).files.length)>2)
 alert("You can only upload a maximum of 2 files");
 
 ); 
);

share|improve this answer

answered Mar 8 at 4:31

DhavalDhaval

54711028

$(function()
 $("input[type='submit']").click(function()
 var $fileUpload = $("input[type='file']");
 if (parseInt($fileUpload.get(0).files.length)>2)
 alert("You can only upload a maximum of 2 files");
 
 ); 
);

share|improve this answer

answered Mar 8 at 4:31

DhavalDhaval

54711028

answered Mar 8 at 4:31

DhavalDhaval

54711028

answered Mar 8 at 4:31

DhavalDhaval

54711028

0

You can use the Dropzone.js plugin for the same. It allows you to configure it as per the need.

share|improve this answer

answered Mar 8 at 6:35

RangerRanger

134215

add a comment | 

0

You can use the Dropzone.js plugin for the same. It allows you to configure it as per the need.

share|improve this answer

answered Mar 8 at 6:35

RangerRanger

134215

add a comment | 

You can use the Dropzone.js plugin for the same. It allows you to configure it as per the need.

share|improve this answer

answered Mar 8 at 6:35

RangerRanger

134215

share|improve this answer

answered Mar 8 at 6:35

RangerRanger

134215

answered Mar 8 at 6:35

RangerRanger

134215

answered Mar 8 at 6:35

RangerRanger

134215