Hi friends,

in the past months i’ve been busy with work & life, so my time on this project was limited.
i managed to do some things , but i’m not so satisfied from the final result, thats why it took long time to upload the version.

new in this version -

xml file for configuration :

<?xml version=”1.0″ encoding=”utf-8″ ?>
<uploaderSettings lang=”en”>
<maxFilesForUpload>5</maxFilesForUpload>
<autoPlayMp3>1</autoPlayMp3>
<language id=”en”>
<browse>Browse</browse>
<choose>Choose file to upload :</choose>
<remove>Remove</remove>
<upload>Upload</upload>
<uploading>Uploading ..</uploading>
<uploadFailed>Upload Failed.</uploadFailed>
<encoding>Encoding ..</encoding>
<upload_deny_error_is_encoding>Wait for encoding to end.</upload_deny_error_is_encoding>
<uploadDenyErrorMaxUploadExceeded>Max number of files uploaded.</uploadDenyErrorMaxUploadExceeded>
<rotate>Rotate</rotate>
<no_files_to_upload>No files to upload..</no_files_to_upload>
</language>
<sizes>
<size default=”false” name=”640×480″ width=”640″ height=”480″></size>
<size default=”true” name=”1024×768″ width=”1024″ height=”768″></size>
</sizes>
</uploaderSettings>

it’s kinda self explainable..

i’m using zend amf for the uploading progress – so you can see each file upload progress (with this i’m not so pleased as each connection takes few milliseconds which causes upload to be delayed a bit)

you can add more languages to the config file (or submit a language in the comments and i’ll add it to the config file)

i really think of dumping the amf + progress and return to the old upload method – waiting for your comments on that.

another improvement – you can specify the height and the flash will stretch to the desired height (means more then 3 file strips)
from now you can upload mp3 files (with client side preview of the songs)

watch the demo, or download the pack here (multiple file uploader)

let me know if you want to be a part of the development for this component, i am thinking of uploading it to an svn server for ppl to contribute.

Ady.

Hi,

well it took a month but i’ve added some features to the image uploader,
so now it support multiple file upload , it still doesn’t have any progress bar as adobe decided to add the security feature (bug ?!) that allows uploading or downloading data from the server only triggered by a mouse click,
ok .. so the upload button supplies the click, but then after the first chunk is uploaded it should (and i read alot about it ..) continue the next chunk as it was triggered by the same click, but no no, it throws Error #2176 !!!
i sat hours trying to break this devil but nada …
so at the end, i packed all of the files in one post being sent to the server all at once to pass the damn bug!

the jpg encoding still needs some tweeking as it causes the computer to freeze for a second,

for now i added only a rotate function to the image, but you can add as much features as you want as you can download the source files.

feel free to comment and request features.

Source : multiple files uploader with preview on client side
Demo : multiple files uploader with preview on client side

update : v2.01 is out (29/9/09)

First i’d like to thank you all for the suggestions,  requests and support  for the work,

thanks to Swen for the french translation of the uploader , you can download the fla file here with the original v2.0 files here

i came across a great fix for adobe’s JPEGEncoder class , making it async – by Derrick Grigg ,

so i’ve implemented it in my uploader, so now it’s faster and has better performance.
plus some minor bug fixes.

i’ll try to implement xml language file so it will be easier to translate it to any language,
and will implement a better  javascript support + hopefully i’ll have time to create uploading preloader …

ENJOY!

* if you find this script usefull, help spread the word , use your favorite social bookmark tool to tell the rest ! *

Hi,
well in the latest version of flash (cs4) there are some improvment to the actionscript classes, with some security changes.
i noticed that there are no sources for client side image manipulation tools that uses this great feature.

i did came accross a brilliant work of someone (i don’t remember where it was :( … ) that used the filereference.data to play mp3 files with some nice mainipulations to the audio from the user hard-drive, i’ll try to find a reference for it soon…

anywayz , i wrote a nice demo that loads an image from the user harddrive , show a preview of the image (scaled to max_height and max_width) , have a rotate option, and upload option that encodes the file to a 90% quality jpg which reduce the image size dramaticly , that way a normal image, that has been take with a camera (around 3-4 megs) will be uploaded as a 80k – 100k jpg file.
that will save alot of time , and eliminates the need for a server side image resizing (wasted server time & disk space)
more, you can use the script to add color transform manipulation to the image (b/w etc…),
cropping features, (maybe content awareness – image retargeting ).

attached is the fla (cs4), actionscript classes, php source files.

still things that i intend doing , upload precentage bar, and status msgs (jpg encoding / image scaling / uploading …)

if you want to use the code, and improve it be my guest. but let me know and it will be nice if you leave some credit.

the demo : Client side image resize demo

package : Client side image resize Source

Important !!

version 2 is up, check out : Multiple files uploader with client side resize

Hi,
well i did this thing for me & friends few months ago, and decided today to open it to the public.
i’ve lunched the vbook (Vbook) as an expirement.

this app allows to view ‘hidden’ user albums and pictures.
now hidden are simply albums with there privacy setting set to public, connected to a user which disable his profile being watched by others. means, you can see the user’s albums and pictures even if his profile is private.

i’d say it’s a nice feature provided by them users :)

well , have a ride and tell me what you think..

Ady.

my little extension to connect firefox error console to flash / silverlight application .

download add on:

Install Extension!

after installing this add on, you can simply call a trace function from flash, and send the message to the firefox error console.
it come up really handy in debugging live sites, when you must not use an output box on the screen.

flash as3 code :

import flash.external.ExternalInterface;
function tracer(msg:String){
ExternalInterface.call('fsTrace',msg);
}

that’s it, you will see your message in the error console.

after installing the add on you can use this simple flash demo to see how it works:

in order to read a div from your html document,
first you to add the ‘allowScriptAccess’ in the flash injection (like swfobject) to sameDomain
some thing like : so.addParam(’allowScriptAccess’,’sameDomain’);

(will try to write more about using swfobject soon..)

then in the flash you include the ExternalInterface class:
include flash.external.ExternalInterface;

then you can use something like :
var myDivContent = ExternalInterface.call(’function(){ return document.GetElementById(’flashDiv’);}’);

and in the html file :

you can add style=’display:none’ in you want this div to be hidden.

it’s good for the page seo as the text will be html text, but you show it thru the flash …

this is a simple scroller class i wrote that helps me in attaching a scroller to every movie clip i want very easily.

the usage is very simple :

var myScroller = new Scroller(source Movie Clip ,  Width ,  Height , Scroller Face MovieClip , Align );

the scroller uses the tweenlite tweening class that can be found at : http://www.TweenLite.com

at the moment it only support left side positioning and no horizontal scrolling, but it’s really easy to fix the code so it can fit anyones needs. i might do it one day…

anyways you can download the scrollbar component here 

in flash as3 you don’t have any accordion component, not that i like using those components,i’d prefer use a nicely written code instead :)

so there i was looking for a vertical accordion for one of my works, i came accross this nice class, that does everything in a very simple code. the only problem i found it that it had only a horizontal version…

looking at the comments i saw there is a need for a vertical one,

so i fixed the code in a way that it can work both ways.

the new accordion constructor has an extra of 2 parameters :

public function accordion($width:Number, $height:Number, panelNumber:Number=0, navWidth:Number=0,navHeight:Number=0,allignment:Boolean=false)

the navHeight – represent the height of the navigation panel for Vertical mode,

and the alignment flag – false is for horizontal, and true … welp you’ll figure that out yourself.

the only thing left open in working with 2 accordions one inside the other :), i’ve managed to get that one going, but there is a problem with something not allowing the inner accordions btns to work as supposed. i’ll try to give it my time soon.

anyway great thanks to the one who wrote it, feel free to give the original page a visit.

download the sourcecode for my version : vertical and horizontal accordion source code

as2 programmers usually use #include “filename.as”

for their codeing file reference.

when you immigrate to as3 it’s a bit different. now you have 2 options on importing a code for your project:

1. the first option is to use the same method, but without the “#” infront of the include prefix. this is a less preferable way of doing it, as ActionScript 3 is more OOP language.

2. you can use a documentbase class, choose your document class from the main stage properties bar,

write your filename there, for example “code”

then, your code.as file should be in the same folder of your fla file,

a sample code.as file :

package {
import flash.display.MovieClip;

/**
* …
* @author ady
*/
public class code extends MovieClip
{
public function code()
{// your code here
}
}

}

in this file , you have a constructor for your document ( a main function that runs when the file is loaded)

now write your code, good luck!