8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus <style type="text/css">

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus .uploadButton a {

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus display:block;

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus width:100px;

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus height:40px;

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus text-decoration: none;

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus }

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus .uploadButton a {

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus background: url("{{componentAssets}}/uploadFileButton.png") 0 0 no-repeat;

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus }

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus .uploadButton a:visited {

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus background-position: 0 0;

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus }

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus .uploadButton a:hover {

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus background-position: 0 -40px;

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus }

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus .uploadButton a:active {

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus background-position: 0 -80px;

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus }

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus </style>

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus<div id="selectButton" style="width:100px;height:40px"></div>

7014882c6a3672fd0e5d60200af8643ae53c5928Richard Lowe<div class="uploadButton"><a href="#" id="uploadButtonLink"></a></div>

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus<div id="filename">

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutusFile selected:

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus</div>

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus<div id="percent">

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutusPercent uploaded:

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus</div>

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus<script>

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutusYUI().use('uploader', function(Y) {

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutusvar uploader = new Y.Uploader({boundingBox:"#selectButton",

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus buttonSkin:"{{componentAssets}}/selectFileButton.png",

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus transparent: false

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus });

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutusuploader.on("uploaderReady", setupUploader);

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutusuploader.on("fileselect", fileSelect);

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutusuploader.on("uploadprogress", updateProgress);

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutusuploader.on("uploadcomplete", uploadComplete);

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutusY.one("#uploadButtonLink").on("click", uploadFile);

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutusfunction setupUploader (event) {

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus uploader.set("multiFiles", false);

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus uploader.set("log", true);

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus var fileFilters = new Array({description:"Images", extensions:"*.jpg;*.png;*.gif"},

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus {description:"Videos", extensions:"*.avi;*.mov;*.mpg"});

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus uploader.set("fileFilters", fileFilters);

7014882c6a3672fd0e5d60200af8643ae53c5928Richard Lowe}

7014882c6a3672fd0e5d60200af8643ae53c5928Richard Lowe

7014882c6a3672fd0e5d60200af8643ae53c5928Richard Lowe

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutusfunction fileSelect (event) {

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus var fileData = event.fileList;

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus for (var key in fileData) {

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus var output = "File selected: " + fileData[key].name;

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus Y.one("#filename").setContent(output);

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus }

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus}

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutusfunction updateProgress (event) {

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus Y.one("#percent").setContent("Percent uploaded: " + Math.round((100 * event.bytesLoaded / event.bytesTotal)) + "%");

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus}

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutusfunction uploadComplete (event) {

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus Y.one("#percent").setContent("Upload complete!");

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus}

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutusfunction uploadFile (event) {

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus uploader.uploadAll("http://www.yswfblog.com/upload/upload_simple.php");

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus}

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus});

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus

8e50dcc9f00b393d43e6aa42b820bcbf1d3e1ce4brutus</script>