One click download button

Question

I am looking to create a button that, when clicked, opens a dialog box in which they select the image to upload, and then, as soon as they select it, and click ok in the dialog box, the download starts (the download bar is optional :))

A jquery plugin is preferred which modifies the functionality of the standard input of the html file ... since I already wrote the code using it.

Answer 1

The jQuery uploadify plugin will load with a progress bar and includes features for single or multiple file uploads.

Answer 2

SWFUpload can do this. This is a Flash-based download component that you can interact with using JavaScript.

Demo

Answer 3

There are other flash solutions other than SWFupload. Take a look at uploadify.com

This is a jquery plugin.

Answer 4

There is a trickster to do this using jquery and regular html. this is what I use in my project to upload one file (limited to one) and just using one button and no plugin, although the button requires styling.

HTML code

<form method="get" action="somephp.php"> <input type="file" id="upload" name="upload" style="width: 88px; opacity:0.0; filter:alpha(opacity=0); " onchange='uploadChange()'/> <input type="submit" name="submit" style="margin-left: -88px"/> </form> 

jquery:

 <script> function uploadChange(){ $('input[type="submit"]').click(); } </script> 

Answer 5

This may be what you are looking for:

https://github.com/bencolon/file-uploader

The script supports downloading multiple files, but this is an option. While Uploadify and SWFUpload require Flash installation, this plugin is if Flash-free. This is probably the easiest approach to your problem. Small plugins are available, but they usually do not work well in all browsers.