Jquery :: Create Ajax Based Multiple File Selector Uploader?
Apr 21, 2011I want to create a site with a multiple file uploading through a singe button. And as I'm very new to the world of Web-Based Scripts
View 1 RepliesI want to create a site with a multiple file uploading through a singe button. And as I'm very new to the world of Web-Based Scripts
View 1 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 RepliesI'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?
View 1 Repliesi'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..??
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'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.
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.
View 2 RepliesI 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.
View 2 RepliesI 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?
View 2 RepliesI 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.
View 1 RepliesI 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]:
<object id="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="player" width="400" height="315">
<param name="movie" value="player.swf" />
[code].....
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]
<script type="text/javascript" src="[URL]"></script>
<script type="text/javascript">
google.load("jquery", "1.7.1");
google.setOnLoadCallback(function() {
var obj_template = '<object width="260" height="140">'
[Code] .....
My company has some software which we use to acquire data and interact with some hardware. If we wanted to put a mockup on a website which allows the user to get a feel for the UI (gather some data, change some settings etc.), what are some good methods to do so?I'm thinking either some clever javascript or flash. I've done some JS before but only to style elements of a page. I did some stuff with flash about 8 years ago and found it really fiddly.
So my questions; Are javascript/flash reasonable solutions for this or is there something better. What is likely to be the simpler/quicker route? Is there a better way to achieve the end result?] The demo doesn't need real data, just some fake/dummy example stuff is fine.
I'm attempting to create a multiple image uploader (think Coppermine) where the user clicks a button in an SWF, selects a file or multiple files, and then these files are uploaded to a directory. I have a PHP script that handles the uploading a file, and my Flash file iterates over the files in the FileReferenceList and sends the file to this PHP script to upload. The directory path in the PHP script is correct, and permissions set to 777.
The contents of my ActionScript 3.0 class look like this:
package com.yourfightsite.imageupload {
import flash.display.MovieClip;
import flash.events.Event;
import flash.events.IOErrorEvent;
import flash.events.MouseEvent;
[Code] .....
The three methods at the bottom of the class fire JavaScript functions in my HTML page that add the file names to a file queue widget, and update the percent value next to them, and finally mark them as complete. However, when I select files, they are added to the file queue widget as expected and then nothing. The files aren't uploaded, the files in the file queue widget aren't updated, and no errors are thrown, either in the console (I'm using Chrome) or Flash when publishing my movie.
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 would like the loop to create the multiple setInterval's based off the array, but the function called is not clearing the setInterval...
var timecode = new Array(1, 2, 3, 4);
// use the array to assign the interval
for (var i = 0; i<timecode.length; i++) {
[Code]....
What im looking to do is dynamically create TextFields based on my array.length. So if I have 3 strings in my array then 3 TextFields with the array text needs to be created.
I've managed to actually create TextFields based on the array.length - however afterwards I dont know how to reference them individually, to lets say re-position x, y for array[1]. I've tried saving the Textfields in another array by .push method, but can't seem to reference them correctly.
//Create textfields based on data in Array - in this case 3 textfields
var textArray:Array = new Array('First TextField','TextField Two','Anything, really');
//Array to .push "save" created textfields
[Code]....
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
[code]....
Does anyone know the file size limitation of flex file uploader?
Currently I'm working on a project that uses flex and cake php. I heard that there is a 1GB of file size limitation in flex file uploader.
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.
Does anyone know what this FileUpload.cs file is?
i am taking text from xml file,I have created multiple movie clips based on the xml file. i have placed 5 movie clips to left side and 5 movie clips to right side.Now i have to drag the left movie clip to the right side and i have to drop it on respective movie clip to match the target and i have to get the output as "correct" if the match is found. But for my below code i am getting only the "wrong" as output ,i dont know where is the error
[Code]...
I need to create an image gallery, based on an XML file, which displays both the thumbnails and the normal-sized images. Here's a link for you to get an idea of pretty much what I want to achieve, except for the fact that I don't want the thumbnails to slide to the left or right, I'd rather want them to be static, and if there are more thumbnails than, let's say 3, to display a "previous-next" controller. After following some tutorials, here's what I created so far:(you can also find all these files + the thumbnails in the attachment)The XML file (settings.xml):
PHP Code:
<slideshow>
<images>
<thumb tLink="th/01.jpg" desc="This is the first thumbnail" bLink="bigImgs/01b.jpg" />
<thumb tLink="th/02.jpg" desc="This is the second thumbnail" bLink="bigImgs/02b.jpg" />
[code]....
So far, so good, the script does trace what I told it to But I need to further improve this rather simple script. So, basically here's what I need:How do I load each thumbnail into a "container" movieclip, so I can further manipulate this movieclip's properties (do an easing for position, alpha, filters etc.)? There's one more thing I need to specify: I want to display only, let's say, 3 thumbnails at runtime, not all of them. how could I assign an instance name to each of them.
I am trying to create a XML file & a flash based interface which would:
A) Sort the data on the node specified (I tried, it doesnot sort correctly many times)
b) Search the XML nodes for the text the user inputs and display the data
Say he gets 5 results all five must be displayed.
I've been scouring the web to find a tutorial on how to implement a flex uploader, but didn't find any :(
Some tutorials just give the code and doesn't explain how to use them(sorry, i'm a newbie to flex)
can u geeks suggest some good tutorials?
I am gonna make my own flash file-uploader, but I can't find any good materials. how to make a simple flash uploader.
View 1 RepliesI 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.
[Code]...
I was wondering if it was possible to make a small script in Jquery that would change an image at a certain time. For my site, I want the image for the opening and closing of a facility to change when it opens and closes. Is this possible with Jquery or should I go with something else? Actionscript/Flash? I can't use PHP on the site...
View 3 RepliesIn 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?
View 4 RepliesI 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...