JQuery :: Ajax File Uploader That Display Progress
May 13, 2010
Im looking for a jquery or ajax file uploader, Im currently using the FancyUploader which worked great until Flash brought out their update making all flash progress bars absolete, now whenever I try to upload large files... it will fill the progress bar to 100% in a matter of seconds even though the actual upload finished minutes after. So im now looking for a new uploading script that DOESNT require flash but can still display the progress.
I've looked high and low for an answer to this and I'm hoping someone has an answer, or at least a tip on how to avoid it.I'm loading a static HTML file into a container via the jQuery load() method. This static HTML file has a script which loads a swf. When I load that particular file, I get the white screen of death (WSOD) and the page explodes and everyone in the room dies a horrible death.I've had this happen also when using the jQuery wrap methods (wrap, wrapOuter, etc.) when a swf is present.It seems manipulating the DOM with a container that has a swf object causes this. Does anyone have a solution or a way that I can prevent it happening?
There is a number of Flash and AJAX based uploaders around. I need a file upload component for an existing form in an existinc application, so I have very specific requirements for it. Maybe somebody knows one off the top of their head and saves me a lot of research.
I need a file upload component that has a progress bar and "upload" button next to it (= standalone functionality, no connection to the submit event of a surrounding form).
It should be either Flash or Prototype based. No JQuery or Moo, as the app runs with prototype.
If server-side scripting is needed, it must be PHP. No Perl, no ASP.
On successful upload, I need a custom Javascript function triggered. (I need to update a file list that is displayed on the same page.)
The possibility of filtering file names before upload (no Umlauts, spaces..) would be a plus.
I will try to give this question a bounty in a minute if I'm allowed to.
Edit: I can't seem to open a bounty. Do I have to wait first?
I have been using a jquery plugin called uploadify for handling file uploads as it comes with interactive flash upload. but everyone on my website is complaining its not working.
I am rebuilding one product website where client has 1000 of products which he wants user to filter as per his requirement without refreshing page. I am confused I should hire flex developer or Java script developer to deliver such project, looking at low bandwidth issue in India, which technology is more preferred? will using flex can effect search engine to crawl/read website content?There are 30 odd filters for user to find his/her desire product.
I have a coldfusion page that uses JQuery UI TAB to load another coldfufion page which includes a cfchart in flash format. But this works completely fine in FF.(everything was loaded, flash cfchart, tables ...)
<li><a href="xxx.cfm?param=#xxx#">XXX</a></li>
However in IE: all of the html elements that are generated with the flash object are loaded, except the flash object and embed tags do not show up at all after running an ajax call in IE.
how can i fix this error to let the flash cfchart display inIE?
What are the difference between using an AJAX or JQuery upload plugin vs. using a Flash upload plugin for browser uploads, especially as it relates to the uploading of very large fies (1-2GB). Is there any reason to go with one over the other?
I am trying to load some flash banner code (from database) into a webpage using jquery ajax.It is all working when adding the flash code in code-behind but when I am trying to load it with ajax some flash banners make the complete website disappear and only shows the banner.I am using jQuery Ajax and the response is in html like:[code]I am using .html() to add it to the page.
I have a piece of jQuery that requests a file (using .load() method) with some HTML and an embedded Flash video player. IE7 doesn't seem to load the Flash video player, but it does load all the HTML and applies proper CSS to the elements. It works at least on FF3.6.6. I've tried both static embedding [1] and SWFObject [2]. I've also tried several different Flash video players and neither works. Both of the flash players load just fine if I don't request them with AJAX. Now is this is even possible? Are there any tricks to make this work? Or do I have to implement another way for IE?[1]:
I have stored an object template in a variable and then I'm adding the video links via jQuery. I'm doing this because eventually the links will be added into the object template via ajax. However, the video does not show up. I'm not sure what I'm doing wrong. The sample code is in action here: [URL]
How can I display alternate HTML with the jquery.swfobject plugin for browsers without Flash? I'm unable to find any documentation or examples showing how to do this.
An IE issue has me completely stumped. I have a coldfusion page that uses JQuery's AJAX .load function to load in a new flash file that is generated by coldFusion's cfchart tag. This works completely fine in firefox: the new flash file and new html elements load. However in IE: all of the html elements that are geneated with the flash object are loaded, except the flash object and embed tags do not show up at all after running an ajax call in IE. After looking in Fiddler, the flash application type response data doesnt even show up for IE. It does however for Firefox.I thought maybe it has to do with any kind of media, so i changed the chart type to output as a jpg file instead of flash. And it loads completely fine in IE. So something is preventing IE from receiving the flash response data.Here's what i've done so far - and no luck so far:
Added to the HTML header: <META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE"><META
Initially I had a 2039 error I resolved this by using a local testing server, which resulted in a 2038 error. So then I hard coded the url and now I dont get any errors but the file doesnt upload.
Instead a file is created (FileUpload.cs) in the directory where the files should be.
I am making a file uploader but it is giving me this error: "Error #2044: Unhandled IOErrorEvent:. text=Error #2039: Invalid remote URL protocol. The remote URL protocol must be HTTP or HTTPS."
but on a server it seems to work (the progress listener shows the files are being loaded [use the scrollbuttons or scroll over the text area]), until all is done and the files dont appear on the server.
Below is all my code. I hope someone can help me through this, it is really important atm. I've tried some tutorials and sources but can't find the error.
I'm trying to find something that will let users upload multiple files to a website. The requirements are that it let them easily select multiple files (preferably with something like check boxes) and that it displays a preview of the images they select.
I'd prefer to only use Javascript or Flash if possible, but Java is also an option (this needs to work on platforms where Silverlight isn't available). So far all I've been able to find are things that use the native file selector (which doesn't show previews on Windows, and makes it unclear that you can select multiple by holding ctrl). I'm not sure if the preview requirement is even possible, but it's the most important.
In terms of HTTP request performance should I pick AJAX or Flash? To be more specific, I'm more into Flash than AJAX and I'm currently working on a wide scale web project. I wanted to try AJAX out for once and now it's getting too messy for me. Before it gets more complicated I thought may be I can run Flash on the background for HTTP Requests and use it with javascript. I couldn't find any benchmark on the Internet, but I think AJAX is faster than Flash. So what's your personal experience? Is there too much difference between Flash and AJAX?
I have problems with facebook application based on flash which communicate with PHP using FBJS-bridge.When someone use the application for the first time, he/she is asked for various permissions. After that, flash contact PHP with ajax but request is never sent. When you refresh page, everything is working without any problems.If you remove the application on privacy settings, refresh the page and try again -same bug happens.If you allow application, refresh page, in other tab remove application and start application in previous tab - user is asked for permissions but everything is working after allowing application.This is FBJS code
function openPermissions(){ Facebook.showPermissionDialog(/*permissions string*/, permissionOnDone);[code]......
openPermissions is called to display permission dialog, and on allow flash function allow() is called. In flash, allow() calls JS function ajaxCall(), which should make ajax request. But, ajax.post never sends request. I know that for sure, because flash function parseAjax was never called and also debugging tools in browsers are not showing any ajax requests. URL and parameters are same as when it is working. No flash or JS errors are detected...
I have flash CS3 and CS4. basically I have made a class file in AS3, which can upload file from user machine with PHP. Now, as of my project requirement, I need to check the PHP return statement while uploading is in process or after uploading complete. So is it possible to check PHP return values, while uploading from Flash CS3 or CS4????
I'm trying to make a flash uploader. The issue however that has me stumped the uploader doesn't seem to be calling the php file. I'm watching in httpfox and its dosen't seem to be calling any file. Yet it appears to be uploading. It never actually uploads anything but it acts normally I don't get any errors I check the logs I don't see any issues in the logs. I have an html uploader that works fine. What else is there to check?! BTW this is on a server with self assigned cert I know there are issues with that but wouldn't it complain instead of not doing anything?
I'm using YUI file uploader based on flash, and the flash requests host/crossdomain.xml file. I'm requesting localhost and it requires this file. I was using this before and I have never had this problem and I've never had this file on my server.I've never used any adobe technologies, could please anybody tell me if it is possible to turn it off somehow ?The problem is that I can't have the file on my server, at least at root location...
i'm trying to create a multiple file uploader using FileReference. The user should be able to select more than one file but i don't want to use FileReferenceList for this. So instead the user opens the Browse dialog, picks a file then opens up the Browse dialog again, picks another file etc.
To make this work i'm trying to copy the FileReference object into an array, but this isn't really working. Here's how i do it:
fileref.as import flash.net.FileReference; class fileref { public var fileRef:FileReference;// = new FileReference();}
[Code].....
And how can i make it so, that i can add multiple files..??
Could someone point me in the direction of a good tutorial of how to make an actionscript 3 file uploader? I think you would have to use a server-side script like php to?
I'm looking for a flash uploader that doesn't need javascript/jquery. I'm not familiar at all with javascript so my attempts at flash/js hybrid uploaders have all failed to integrate with my script.
When I upload file using a simple uploader the file does not appear on the servers directory..Everything is working, the preloader the status text etc, as if it is uploading the file but nothing appears on the server I am not very sound in php The code goes like this:-
Code: Select allSystem.security.allowDomain("http://localhost/"); //import the FileReference Object import flash.net.FileReference; //initial settings - since no upload file type selet yet user cannot upload a file uploadButn.enabled = false; //create a new FileReference object var fileRef:FileReference = new FileReference(); [Code] .....
I have given a folder called uploads on the server and that is where files are supposed to come. Also I have given the correct name of php file which is upload.php in the fileRef.upload But its not working.
