Trying to find an AJAX file upload solution for Zend Framework using jQuery

Asked 13/4, 2009 at 9:33 Answered 28/11, 2010 at 14:22

Solved jquery ajax zend-framework file-upload zend-file

I'm trying to create an "upload file, and email as an attachment" form where the file starts uploading after it has been selected (like Gmail), before sending the email. I would also like to implement a progress bar to show the status of the upload.

There should be all sorts of examples out there, but I just can't find them!

Do you know of any examples, or tutorials, plugins, helpers, or have you done this yourself and would like to share some code samples?

Thanks!

Lablab answered 13/4, 2009 at 9:33 Comment(1)

For future reference, and other people landing here from Google (like I did). Have a look at this link. – Doncaster 3/12, 2012 at 23:18

Have a look at

There is also an example of integrating fancyupload with Zend Framework: although fancyupload is based on mootools, you can learn from what's explained.

Note: as fancyupload, uploadify uses flash. However, it degrades when flash is not available.

Refugia answered 14/12, 2009 at 10:38 Comment(11)

it use swf object, aka flash! – Wolbrom 14/12, 2009 at 20:53

so what?, you're stuck on a pentium 4 with gnash ? ;) – Refugia 14/12, 2009 at 20:58

anyway, the fact you dislike flash is subjective and doesn't imply the answer is wrong – Refugia 14/12, 2009 at 20:59

i never said the answer is wrong, but here he's asking how to do that with jquery, not flash. Anyway, is not that i dont like flash, but simply that using flash for this kind of issue is rarely a good solution, and NEVER a reliable solution. – Wolbrom 15/12, 2009 at 8:20

updated my answer, give it a look to see why i dont suggest flash for the file upload – Wolbrom 15/12, 2009 at 8:32

You realise that GMail uses Flash for the upload, don't you? Basically all the fancy file uploads use Flash. – Mafala 15/12, 2009 at 16:9

gmail dont use flash as default, and however, i suppose gmail team should have someone (or kinda more than one) who can build his own swf object, to edit it, keep it update and changing it in short time. Anyway, the question is about ajax and jquery, not flash ;) – Wolbrom 15/12, 2009 at 19:39

First off, Gmail does use Flash, there is no other way for the box to pop up as soon as you click attach file. You have to click browse in the HTML version for security. I would disagree. I find a flash uploader is just a reliable as any other one. Also, from a developer's standpoint, it allows you to focus on utilizing the attachment and dealing with how to upload it. Also, just because he never mentioned flash in his question doesn't mean he doesn't want to use flash: even his own answer uses flash. Have you considered he wasn't aware of Flash + jQuery options when he asked the question? – Writing 16/12, 2009 at 1:49

And yes, I saw that he said he'd rather not use flash, but to emulate Gmail he will have to. – Writing 16/12, 2009 at 1:53

Well, in my opinion there are kind of issues that require flash, other that could be done in flash and other where flash is the worste bet... the upload is the 2° case; I prefer to handle them in js and php, for many reason, but this is my opinion.. i havent said that flash is bad or wrong for this issue, but just that i wont use it for upload that can be easly and efficently done with other (that i consider more flexible, but this is another my imho) languages. – Wolbrom 16/12, 2009 at 7:10

@Gregory Pakosz the links are dead. – Pentup 19/10, 2012 at 15:22

Try using the jQuery form plugin, which has support for ajax uploading, examples can be found on the link provided. Zend Framework has a jQuery helper.

Forgo answered 13/4, 2009 at 9:38 Comment(1)

actually, that looks like a nice plugin. Is there a good tutorial somewhere that shows how to do this upon selecting a file (instead of on form submit)? – Lablab 14/12, 2009 at 19:0

As someone else suggested, Jquery has the plugin you need.

A simple iframe will do the trick, and you'll need APC for the progress bar.

This is an 'heavy-tested' solution, for example the cms Drupal use it (dont know if with jquery, but im sure about the iframe and APC).

Some tutorial:

Creating an Upload Progress Bar in PHP with APC

Creating an Upload Progress Bar in PHP with APC: js/Ajax part in page 4

Upload con progress bar per APC + jQuery (italian language)

Upload progress bar with PHP5, APC and jQuery

HOWTO: PHP and jQuery upload progress bar

Asynchronous file upload with AJAX progress bar in PHP

Zend Framework: Documentation (Chapter 21.1.5. Progress for file uploads)

EDIT:

I wont post the code becose is useless; just follow one of the tutorial i've posted (the first one, for example) and you'll find all the code you need with a full explanation of waht the cose do (that is more important than the code itself, imho).

[OT]

Stop this stupid down/up votes war. We are not here to win stupid reputation, but to help each other in programming skill, right?

I didnt downvote all whom suggested flash solution, just the andrew answer becose was kindly uncorrect and not a usefull analysis of the swf 'issue'.

The point is not that i dont like flash, but that flash is good (indispensable) for other kind of issues (video, music, etc..) but NOT a reliable solution for handling file uploads, things that can be easly done by Javascript and php itself (with APC, if you cant use APC on your server, then go with 'flash solution').

With swf object, you just have to hope that the 'api' to handle it fulfill all you needs, else.. do they give you the source (.fla) file? do you have a license of adobe flash, and the knowledges to edit it? Are you ready to do taht everytime your fancy upload need even the simplier modification? You agree with me that find help for js or php is easyest than finding help for flash?

Thats why i don like the flash solution for this kind of issues.

Then, feel free to keep you downvote on me, im here to learn not to gain silly rep point.

[/OT]

Wolbrom answered 14/12, 2009 at 20:35 Comment(0)

I suggest you uploadify.com with jquery. The example is on the site. You can use this jquery plugin and store the file into the DB (maybe a temporany table). When the user will send the email you will fetch the files, attach it and delete it from the database.

PS: if you have some sessions problems take this: zend framework losing session

Rishi answered 10/12, 2009 at 16:16 Comment(1)

it use swf object, aka flash! – Wolbrom 14/12, 2009 at 20:53

Have you looked at http://digitarald.de/project/fancyupload/ ? Seems to satisfy your requirements.

Holna answered 14/12, 2009 at 5:49 Comment(0)

SWFUpload looks promising:

Pros:

Upload multiple files at once by ctrl/shift-selecting in dialog
Javascript callbacks on all events
Get file information before upload starts
Style upload elements with XHTML and css
Display information while files are uploading using HTML
No page reloads necessary
Works on all platforms/browsers that has Flash support.
Degrades gracefully to normal HTML upload form if Flash or javascript is unavailable
Control filesize before upload starts
Only display chosen filetypes in dialog
Queue uploads, remove/add files before starting upload

There's even a SWFUpload jQuery Plugin to make working with SWFUpload even easier, and a tutorial on How to use the SWFUpload jQuery Plugin to do Multiple File Upload with Progress Bar

Cons:

Requires Flash. =/

Also, according to this blog post:

One issue many people run into when using SWFUpload with Zend Framewok is that sessions are often lost in the upload process.

But the author offers a solution to lost sessions when using SWFUpload and the Zend Framework. Here also is a Stack Overflow solution to lost sessions when using SWFUpload and the Zend Framework.

Lablab answered 14/12, 2009 at 19:45 Comment(4)

Why use flash when a simple iframe + 10 js rows will do the trick? – Wolbrom 14/12, 2009 at 20:35

How can you have a cons section that does not mention that it requires Flash?! Nobody wants to use Flash! It comes with security risks as well. – Nancee 14/12, 2009 at 20:42

I totally agree. I don't want to use flash. I'd rather use pure javascript. I only posted this as a suggestion. But I don't think that deserves a down vote. – Lablab 14/12, 2009 at 21:20

The cons section should probably consist of a heading that says <fail>Requires Flash</fail> – Nancee 14/12, 2009 at 21:48

Just a very important note - when using Flash uploaders, the file mime type will not be passed to the server and all files will be application/octet-stream - meaning you need to utilize other methods to find the real type... maybe an exe file was uploaded!

Chorography answered 28/11, 2010 at 14:22 Comment(0)

Pros:

Cons:

Recommended topics

Hot tags