Jquery :: Uploadify - Single Progress Bar For Multiple Uploads
Mar 25, 2011Is it possible to have a single upload progress bar with multiple file uploads using uploadify?
View 2 RepliesIs it possible to have a single upload progress bar with multiple file uploads using uploadify?
View 2 RepliesI need to show multiple sections in single progress bar where each component is of different color.
View 2 RepliesI have successfully implemented a copy of uploadify into my site. The SWF button shows, I can click on it and browse my files. However, the rubber meets the road whenever it comes to file files showing the queue.For some reason, when I select a file, there isn't any queue, even though I have followed uploadify directions. on how to overcome this? Here are the relative parts of my code:
<!DOCTYPE html>
<html>
<head>
[code].....
I am using uploadify in a project and I threw a console.log statement in my onProgress callback... It seems to only be executed when starting the upload, and when completing the upload. Even with a very large file upload, that is the behavior I get.The progress bar is based off of Flash sending data, not off of the server-side reporting back what it's received.[code]and then a big long pause while the file is uploading... Then onAllComplete gets hit.I am wondering if this is somehow related to me running my app in development mode on localhost, and if it were hosted on a real server if the result would be different.. But I have no way of knowing that.
View 1 RepliesI created a page with an uploader. As uploader I use Uploadify 3. The code is working on all browsers except for IE9. When I turn IE 9 in compat mode it is working. In IE9, I can't push the upload button. It shows, but there is no reaction to the click. So no file select dialog is opened. In Opera, chrome and FF the button works and when I click the file open dialog is showed.
Flash is running in IE9. (version 11,0,1,152) (youtube is working) When I rightclick the button I don't get flash info. When I do this in all other browsers I get flash info. When I rightclick in youtube (in ie9) I also get flash info.
[Code]...
Did I made a mistake? Is this a flash bug? Or something else?
You all know the new generation of fancy, mostly Flash-based file uploaders like SWFUpload that can show a progress bar while uploading - a great improvement especially for shaky and low-bandwidth connections.
However, these uploaders all bring their own logic of how to handle uploads on the client side. I am looking for an unobtrusive way to "fancify" existing, classical file uploads, i.e. introducing a progress bar to normal file upload forms.
Due to the architecture of uploading files, this is most likely not possible without some tweaking on the client side.
I am looking for a solution that keeps the tweaking to an absolute minimum, e.g. a component that adds itself to the onsubmit event of a normal form, performs the file upload, displays a nice progress bar, puts the resulting temporary (server side) file path into the form, and submits it. On the server side, I just have to modify my script to use the file path provided by the flash uploader, instead of $_FILES and consorts, and think about security for a moment.
This is not exactly what all the Flash-based uploaders do: They can use data from a form, but they do not provide possibilities to submit the form as is, what is what I'm looking for. I am looking for a (probably) Flash based upload function taken a step further.
I use the JQuery plugin Uploadify for uploading files. It works fine in all browsers. If however I imlement a passwort protection via .htaccess like this
AuthType Basic
AuthName "Restricted Files"
AuthUserFile /my/path/to/.htpasswd
AuthPGAuthoritative Off
Require user dev
uploadify stops working in Firefox. In Chrome it still works.
In Firefox the file select box works, but after I selected a file the progress bar does stay at 0% and the file is not uploaded to the server.
I guess the issue is somewhere with flash on password protected sites. how I can fix this, without removing the password protection?
local js:
jQuery('#file_upload').uploadify({
'buttonImg' : 'public/uploadify/newfile.png',
'uploader' : 'http://remoteserver/uploadify.swf',
[code].....
I'm looking for a tool to facilitate mulitple webpage file uploads from a single file browse dialogue. I know this has been asked previously, but I can't find anything current.I'd like to check file size prior to upload, and I gather Flash is still the only way to do that cross-browser? Ideally, I'd like an upload progress metre.I'll be using Linux and Apache servers, but don't have access to install add-ons such as PHP APC. Again, I assume something flash-based is the only option there?
I've looked at SWFUpload, but that appears to be another of these projects where the developers have become quite zealous and turned a simple concept into a full suite of tools for the masses.It seems quite cumbersome and I don't think I want to use it for my purpose.I'd prefer not to have to write something from scratch for this.suggest a non-Flash alternative if there is one? I do need full cross-browser compatibility without too many layers of degradation, so anything HTML 5 probably isn't what I want.
I have been uploading MUltiple files locally and on the server for testing. When i push the button, i start the upload. All files are uploading, thats not the problem, A The problem is i am showing the progress bar and %. i think because of the loop, all are displaying/loading crisscross eachother...
is there a way to wait with the loop, till 1 file is completed upload, then update then start the next one in the array? B also the eventListener for COMPLETE is not working for some reason... the completeHandler after tracing show no results. i have tried to add the listener when i am adding the referencefile into an array, and tried to add when calling back... what is the proper way to add the completeHandler for fileReference?
[Code]....
The only tools/plugins I've seen online that allow for multiple files to be selected for upload through one single dialog box using a SHIFT or CTRL click action (as opposed to clicking on a single file per for file uploads) exist for controls made in Flash/.NET/Java, not just straight Javascript/HTML/PHP.
Why is that the case? I'd imagine that if possible, site developers would look to having less dependencies on different technologies rather than more.
How to make progress bar in my page, that show how much flash file got progress in dwonload.
View 2 RepliesIm 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.
View 4 RepliesIs there a FLEX component that uploads multiple files in a multipart/form-data POST request?
View 3 RepliesI want a chart that has several separate series running in rows across. They are largely separate charts and should not overlap, but all share the same horizontal datetimeaxis. They don't share the same y-axis, however and that's where I'm getting stuck.I have tried having a linechart series and then a plotchart series, but it will only allow a single <mx:series> per chart without having them inside the same series which as far as I can tell will place the charts on top of each other in the z-axis. I can stack them and have them completely separate charts, but it was proving to be somewhat irritating having them align correctly.
Is there any reasonable way of combining multiple charts into one like this? Basically having rows in a table where each row is a different chart but the columns are consistent. or am I going to be best served just by stacking separate ones? an illustration of what i'm going for is here: http:[url]........
In one of our project we are using flex for front end, blazeds/java in the backend. Its an existing code where services are prewritten. I have to make calls to 3 services in the backend (basically 3 remote objects) and get their result and store the result in an object and show the data of this object in a view.
Now in front end we are using Flex and Parsley Framework. I was thinking of the following approaches.
1) Making commands for each service call and storing the result in a shared object (model) and then displaying this model in the view. In this approach the problem is some services are needed in some other web pages, but they donot need the same model. How should i handle this scenario ? Should i make a asynchronous remote call and fetch the result and then again dispatch and event with the event object storing the result.
2) Making a service call , wait for the result then make another call and wait for the result and then make other call, not sure if this is the right way ?
I have a Flex3 application which has to be capable of uploading multiple files and monitoring each files individual progress using a label NOT a progress bar.
My problem is that a generic progress handler for the uploads has no way (that I know of) of indicating WHICH upload it is that is progressing. I know that a file name is available to check but in the case of this app the file name might be the same for multiple uploads.
My question: With a generic progress handler how does one differentiate between 2 multiple uploads with the same file name?
This might be a tough one, so brace yourself I have a .swf file that plays until a certain frame.
Once the certain frame is reached, I'm trying to play an external FLV file that it loads onto the stage.
Everything works fine so far, I can display a Progress Bar while downloading the external FLV file using this script:
[Code]...
What's the best way to preload a bunch of assets (namely images) using only one progress bar?
Will the ProgressEvent automatically tally up the bytesLoaded and bytesTotal numbers for everything being loaded through that event?
The application will pre load 5 different images and place them in an array of bitmaps.My only problem is that i want to display a progress bar to the user.I know how the calculate the progress of one image:progressBar.source=loader.contentLoaderInfo;but i want to load the images using a loader one by one, which means that after each loaded image
View 1 RepliesI'm in the middle of something that's somewhat perplexing. Brief synopsis: It's a full screen kiosk type application with only touch screen control. Sometimes, administrators need to extract large chunks of data onto a USB memory stick to take offsite.
there's a folder on the filesystem with permissions set so that the user that is the web server can access and control it. There are around 100 directories in this folder, each containing around 40 megs of data split into around 10 different files. It's this directory structure I am copying to the USB stick.
Right now, I'm using AS3 to trigger AMFPHP which successfully executes the copy, but it takes about 5 minutes to complete the action, so obviously it needs a progress bar to show state of the copy.
I can execute the linux command of
Code:
exec)("cp -r /$origFileDirectory /$usbStickDirectory");
which obviously works, but there's absolutely no feedback until the entire operation is done (like I said, between 3 to 5 minutes)
Is there anything native to AS3 that I'm missing? Perhaps I've run too far down the PHP path and missed something obvious on the actionscript side?
I'd like to insert script in the example below that would indicate the download progress of two successive movie clips on a page.
import fl.video.FLVPlayback;
import fl.video.*;
explainer.source="movie1.flv"
[Code].....
I am trying to upload image files to my server using AS3 and PHP, and at the moment I am succeeding in uploading multiple files and restricting it to images only, but since I am finding it difficult to figure out how to have a loader bar show when the files are being uploaded, as well as executing a function once all files have been uploaded to go to a specified frame.
Here is my code thus far,
AS3:
import flash.net.FileReferenceList;
import flash.events.Event;
import flash.net.URLRequest;
[Code]....
1: how can I display a percentage or a uploading bar indicating the progress of the files being uploaded?
2: How can I launch a callback function after ALL files have been uploaded successfully?
3: How can I make the file browser appear on click, and not upon loading the flash file?
I was just wondering that is there a way to create a multiple file select like Facebook (using flash, I think.) and with a progress bar that show every photos progress in one progress bar. Have a clue or a script which can be customized and can be used easily?
View 2 RepliesWhat I have done:
1/ A very simple Flash movie
2/ 5 very basic rollover buttons
What I want to happen:Everytime I'd hover the mouse on each button, I would like the background animation to run. And have the animation stop on mouseout for each button.I was able to make it on one button via this tutorial: [URL]But this doesn't seem to work with multiple buttons involved.
I'd like to use the same music player displayed multiple times on the same page, one for each song. But when songs are played, I want the existing play to stop. For example:
song1
song2
song3
I click to play song1, while it's playing, I decide to play song3 instead. Based on the default setup, song3 will start playing while song1 continues to play. I'd like song1 to stop when song3 starts.
Is there a way to plot multiple data for the same value x? For example following points:
[1, 1], [1, 2], [1, 3], [2, 6], [2, 9], [3, 11], [4, 11]...
I have a doubt: When you open various flash pages in tabs, for example in Firefox, all those pages share the same Flash instance or each one use an instance of flash??
View 1 RepliesI have done words animation in flash and converted as swf. I have more than 300 small swf files. Now I have to merge all these files in to a single swf. Is there any software to merge multiple files to a single file. I don't want to use loadMovie, because I haven't used script in any of these files. Since it is an urgent project, I can't add code in all these files.
View 0 Repliesi have 4 movieclips on my stage , there are mc_1, mc_2, mc_3 and mc_4 and i also have 1 dragable movieclip (named ball), and i want something traced if my ball touch another movieclip, below are my code
ActionScript Code:
ball.addEventListener(MouseEvent.MOUSE_DOWN, drag);
stage.addEventListener(MouseEvent.MOUSE_UP, drop);
function drag(e:MouseEvent):void
{
[Code]...