I am searching complete example with code for Really simple jQuery Ajax File Upload plugin
but after visiting Download links there is no complete code with example. Pls guide from where I could get ..
may be below links will help.
http://www.9lessons.info/2012/04/file-upload-progress-bar-with-jquery.html
http://www.saaraan.com/2012/06/ajax-file-upload-with-php-and-jquery
I used this Ajax uploader to upload form content with file attachments
take a look at blueimp here
very simple and available on github
Related
I have a PHP site in which I have Button Named save as PDF for each post of site.
When I Click this Button I need to save the subject of the post and post contents as PDF and Display it.
I dont use any asp.net code in my site.
Thanks for your help
I like PrintFriendly.com but this might not be what you are looking for.
Did you check wkhtmltopdf ?
I want to make a interactive uploading option like Facebook and gmail have where they show the progress of the current file in uploading and then show the respective image or name of the file over there after the upload.
Right now, i'm using php and normal html for uploading where i send the file from one page to another where php handles it accordingly but i want a interactive one which show the progress also on the same page and then the name of the file after uploading without page refresh.
I knew, it can be done with ajax and css but i don't know how. All i want a interactive upload-er which uploads the file and then provide me the respective file name.
Gmail uses firefox file api, read more about it here https://developer.mozilla.org/en/Using_files_from_web_applications
Or check this live demo
http://robertnyman.com/html5/fileapi-upload/fileapi-upload.html
Hope this will help/solve ur problem ;) best luck
Hey guys i'm making a file upload and i can't figure out how i would make a progress bar for it. Does anyone have a resource or reference page which i can look at or even better some source code that works?
Have a look at this:
http://www.uploadify.com/
It is easy to use jquery and php uploading method. you can upload multiple files at a time.
plus you can view their upload progress through a progress bar.
its easy to integerate. the link includes documentation and demo.
here is another link to a beautiful GUI Ajax uploader:
http://www.plupload.com/
You would love it. just browse for and select files to upload. it shows there progress while uploading.
Hope this helps.
There are many options. Try Uploadify, a jQuery plugin for upload progress bars. Specifically, the download includes a PHP example.
I have form that uploads file's perfectly, with a post-page-refresh-form.
However I have ajaxiefied the form with jquery's $.post
All of the data except for the file upload is saving nicely.
Is there somthing special I need to do to the form or in jquery to get the upload to work?
Thanks!
You cannot upload with javascript (it would mean granting js file access on your computer, a no go from security standpoint). Uploadify has a nice solution.
First off, I agree with Wrikken about Uloadify being a great solution.
But, yes, Javascript does not have access to upload files. There is a way around this by using Flash, but I would not go through all the trouble to build it yourself when there are other plugins out there that will take care of it all for you.
You can make it "lookalike" AJAX.
Use a hidden iframe and send your form into this iframe, you will be able to observe the onload of the iframe and get a response.
This way gives you also the option for an easy fallback if JS is disabled.
I need to post a form which includes personal details and I need to upload an attachment file also I need to achieve this using AJAX.
How can I upload a file using AJAX , I need to post the personal detail as well as upload a file at the same time using AJAX , how can I do this?
You can't upload files with AJAX because you can't do multi-part encoded requests - that's a limitation of the XMLHttpRequest API.
Workarounds for this typically involve using an IFRAME that is the target of a form that handles the actual file upload as a separate sub-process to the overall form. The response loaded in the IFRAME then communicates back to the DOM in the parent/calling page with information about the uploaded file.
If you add a hidden iframe on the page
<iframe name="iframe1" ... />
And the change the target on your form to post to the iframe
<Form traget="iframe1" ...>...</form>
You can upload and post the data to the page. You can also use javascript (JQuery) to get hook into the events of the iframe.
To get a upload progress meter, use the php uploadprogress module. It works great!
http://pecl.php.net/package/uploadprogress
and
http://bluga.net/projects/uploadProgressMeter/
Here is a link i found that may help:
http://www.finalwebsites.com/forums/topic/php-ajax-upload-example