How Can I Create A File Upload Using JQuery And Php?

how can i create a jQuery multiple image upload(upload without refresh page after choose file only displaying image not insert to databse) and submit additional Form Data and submi

Solution 1:

Jquery Ajax File Upload Plugin

http://www.phpletter.com/Demo/AjaxFileUpload-Demo/

Solution 2:

Use JQuery Ajax File Upload. On server side look for your file in request.

Solution 3:

I use plupload. Its really simple to use.

Here is the demo page.

Sample code from one of my apps:

uploader = new plupload.Uploader({
                    runtimes: 'html5,gears,flash,silverlight,browserplus',
                    browse_button: 'browse',
                    drop_element: 'uploadContainer',
                    container: 'uploadContainer',
                    max_file_size: '10mb',
                    multi_selection: false,
                    url: 'someFile.php',
                    flash_swf_url: 'http://www.plupload.com/plupload/js/plupload.flash.swf',
                    silverlight_xap_url: 'http://www.plupload.com//plupload/js/plupload.silverlight.xap',
                    filters: [{ title: "Image files", extensions: "jpg,gif,png" },
                              { title: "Pdf files", extensions: "pdf"}]
                });