How to create a file upload in a modal window (jQuery)

jquery-ui file-upload redactor modal-window
Ngoc Luong picture Ngoc Luong · Jun 13, 2013 · Viewed 9k times · Source

I want to create a text filed. When focus or click it, a file upload modal window will be showed (like file upload modal window of the redactor - http://imperavi.com/redactor/) The return file name will showed in the text filed. How can I do it ? Thanks for any help !

Answer

EpokK picture EpokK · Jun 20, 2013

Have you try jQuery File Upload ? File Upload widget with multiple file selection, drag&drop support and progress bar for jQuery. Supports cross-domain, chunked and resumable file uploads. Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads.

Check this : http://blueimp.github.io/jQuery-File-Upload/basic.html

Related questions

jQuery UI DatePicker - Change Date Format

I am using the UI DatePicker from jQuery UI as the stand alone picker. I have this code: <div id="datepicker"></div> And the following JS: $('#datepicker').datepicker(); When I try to return the value …

Read More
Find out whether radio button is checked with JQuery?

I can set a radio button to checked fine, but what I want to do is setup a sort of 'listener' that activates when a certain radio button is checked. Take, for example the following code: $("#element").click(function() { $('#…

Read More
check / uncheck checkbox using jquery?

I have some input text fields in my page and am displaying their values using JavaScript. I am using .set("value","") function to edit the value, add an extra checkbox field, and to pass a value. Here I want to …

Read More