Flash File Uploader
May 30 2007 Categories: Code Examples, Miscellaneous Comments: 18
I was getting tired of upload scripts timing out in Flash and talked with Mike a little about creating an AJAX uploader. Unfortunately, AJAX has a difficult time updating a progress meter while an upload is running and it still cannot prevent browser requests from timing out on some servers. Granted, you still can use AJAX to do this and I’d recommend reading up on a number of online tutorials that offer solutions. However, up until the advent of Flash’s FileReference Object, programmers had to rely on server-side Perl scripts to manage these uploads and as Zeh so eloquently put it, “I love Flash’s upload. It’s so much better than the extremely crap HTML upload.”
hey don…thanks so much for the tute…..i was looking for something exactly like this…..i’m having trouble with the swf showing up? the page is just all white……when you view the code it’s there, but no uploader…..any ideas? i have flash 9 plugin….would that be an issue? thx in advance….
My pleasure. You might want to double-check the SWFObject to ensure it’s embedded correctly. Email me a link and I’d be happy to assist.
hey don…Love the uploader…Just having an issue.
Try to upload at mogills.com/index.php…not sure what else I need to do here to make the upload fully work. Any thoughts or hints? Thanks for all your generosity!!
Access forbidden right now. Please let me know when it’s visible so that I can help you with troubleshooting this issue.
I love what iv seen of the uploader. I say what iv seen because i cant get it to upload anything.
“type” is always empty.
This is what i keep getting back
“The file could not be uploaded.
Filetype () not permitted.
FILE: 23.jpg
TYPE:
SIZE: 74832
ALLOWED: no”
i checked the selected file properties and it doesnt display a file type either.
dont know if it matters but im currently testing it localy on a mac, PHP 4.4.4 using both firefox 2.0.0.5 and the latest version of safari.
David, make sure you have the new version of the uploader installed.
hi don
thanks for sharing! this uploader is cool, it actually works for me only with some concerns Id like to resolved
1. there is a pop up alert on *some videos im trying to upload saying: “A script in this movie causing Adobe Player 9 to run slowly. If it continues to run, your computer may become unresponsive.” – Is there some configuration I should do to avoid this?
2. I may want to up-size the default 8 MB upload file size to 30 MB. Where in index.php I could replace the value?
Thanks for your support
Xian, with some browsers, you can suppress the pop-up by doing the following. In the site root add a .htaccess file containing the following lines:
SecFilterEngine Off
SecFilterScanPOST Off
The pop-up doesn’t show for me until after about 40MB (1 minute).
By default, my script has the Flash Variable of “limit” set to 100 (MB). You can change that to whatever you like, however, if you don’t have control over the upload limit on the server configuration, it won’t matter much. Contact your host to find out what the upload limit is.
Thank you very much for your upload script
.
I add
SecFilterEngine Off
SecFilterScanPOST Off
and it’s still show a popup alert. Please help advice
Pete, Unfortunately, this is tied in with the Flash Plug-In. So far, I’m unable to find a way around it, but I’ll keep looking. The pop-up doesn’t come until around 40M transfer for me. For most files, it won’t be seen at all. I’ll let you know when I have something…or if it’s possible.
Don, I found some solution for this
http://rockstardeveloper.com/articles/2007/04/22/flash-script-running-too-slowly
It looks like a Flash action script code. Hope this help you to find out.
Hey Pete, That link fixed it. Thanks! Simply replace:
stop();
(on the AS layer 1) with:
_root.onEnterFrame = function() {
if (this.getBytesLoaded() / this.getBytesTotal() > 0.99) {
_root.onEnterFrame = function() {
trace (“onEnterFrame called”);
};
}
};
Or just grab the new zip file, here:
http://don.citarella.net/index.php/actionscript-examples/flash-file-uploader/
Thank you very much Don
Hi Don, how can I use javascript to do the upload action. I want to actually post the data to a PHP file. Thanks!
I’m not certain I understand. The data is posted to a PHP file. Please explain what you need.
Sorry that my english is not so well. I have a html form to upload a video file, users need to input title, description and of course there is a file field. I want to use your great flash file uploader to replace the file field, how can I start the file uploading when users click the submit button (not the upload button in your uploader)? Thanks!
You can create a form on the HTML page and include a javascript that activates the Flash Upload once your variables have been set:
function uploadMe(){ var upload_button = document.theForm.action_upload; var upload_url = “http://www.yourdomain.com/your/upload/script/”; up.SetVariable(”upload_to”, upload_url); up.SetVariable(”ul”, “100?); upload_button.disabled=’true’; return false; } <form method=”post” enctype=”multipart/form-data” action=”http://www.yourdomain.com/ - upload/page/” name=”theForm” id=”theForm” onSubmit=”return uploadMe();”> // Place form elements here. <input id=”upload_button” name=”action_upload” type=”submit” value=”Upload Video”> </form>In addition, you can use this function for form validation or passing the values of the form through the flash to your PHP script.
Please let me know if this answers your questions.
Hi Don,
Thank you so much for the uploader, yours seems like the only working one out there in terms of security settings etc.
Just wondering if you could help me customise the flash uploader. Instead of using php to display the folder and image preview, are you able to help me customise the flash animation to show the user only the one uploaded image and when they scroll over it it shows a bigger version?
need it for a client due this week :/ Thanks again!