Question

58

How can I let a user download multiple files when a button is clicked?

rated 0 times [ 65] [ 7] / answers: 1 / hits: 183276 / 11 Years ago, mon, august 26, 2013, 12:00:00

So I have a httpd server running which has links to a bunch of files. Lets say the user selects three files from a file list to download and they're located at:

mysite.com/file1 

mysite.com/file2

mysite.com/file3

When they click the download button I want them to download these three files from the links above.

My download button looks something like:

var downloadButton = new Ext.Button({

  text: Download,

  handler: function(){

    //download the three files here

  }

});

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

brodyfrancisi

Add To Favorites

Follow

Total Points: 1

Total Questions: 102

Total Answers: 89

Location: Marshall Islands

Member since Mon, May 31, 2021

3 Years ago

brodyfrancisi questions

1 How to wait until React in an iframe rendered it's content

Mon, Feb 21, 22, 00:00, 2 Years ago

1 Is it good way to throw error from service in nestjs like it:

Wed, Jan 12, 22, 00:00, 2 Years ago

1 Mongoose TypeScript ObjectId casting - Type 'string' is not assignable to type 'Condition< ObjectId | undefined>'

Fri, Oct 1, 21, 00:00, 3 Years ago

1 event.target.value as a number?

Mon, Apr 5, 21, 00:00, 3 Years ago

1 GSAP ScrollTrigger - Create a Timeline for Every Section

Thu, Nov 5, 20, 00:00, 4 Years ago

View All

answered 11 Years ago leiaf · Accepted Answer

The best way to do this is to have your files zipped and link to that:

The other solution can be found here: How to make a link open multiple pages when clicked

Which states the following:

HTML:

<a href=# class=yourlink>Download</a>

JS:

$('a.yourlink').click(function(e) {

    e.preventDefault();

    window.open('mysite.com/file1');

    window.open('mysite.com/file2');

    window.open('mysite.com/file3');

});

Having said this, I would still go with zipping the file, as this implementation requires JavaScript and can also sometimes be blocked as popups.