Uploadify - GOOD BUTTON

Use uploadify to Transloadit -> S3

HTML

<script src="http://www.uploadify.com/wp-content/themes/uploadify/js/jquery.uploadify.min.js"></script>
<link rel="stylesheet" href="http://www.uploadify.com/wp-content/themes/uploadify/style.css">
 <form id="form1" runat="server">
            <a href="javascript:$('#<%=FileUpload1.ClientID%>').fileUploadStart()">Start Upload</a>&nbsp; 
           |&nbsp;<a href="javascript:$('#<%=FileUpload1.ClientID%>').fileUploadClearQueue()">Clear</a> 
            <div style = "padding:40px">
               <input type="file" name="FileUpload1" id="FileUpload1">
            </div>
        </form>

CSS

.uploadify-button {
        background-color: transparent;
        border: none;
        padding: 0;
    }
    .uploadify:hover .uploadify-button {
        background-color: transparent;
    }
.uploadify object {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 32px;
}

JavaScript

$("#FileUpload1").uploadify({
'uploader' : '/uploadify/uploadify.swf',
'script' : '/uploadify/uploadify.php',
'cancelImg' : '/uploadify/cancel.png',
'folder' : 'assets/images/uploads',
'auto' : false, // files are automatically uploaded
'multi' : false, // enable several files to upload
'querySizeLimit' : 1,
'fileExt': '*.jpg;*.jpeg;*.gif;*.png',
'sizeLimit' : 102400,
'wmode' : 'transparent',
'buttonText' : 'Select a file ',
'onComplete' : function (event,ID,fileObj,response,data){
$("#msguplaud").append("<div><p>הקובץ: " + fileObj.name +" הועלה בהצלחה!! <br/>הנתיב לתמונה הוא:" + fileObj.filePath + "<br/>אנא השתמש בנתיב רק אם ברצונך לצרפו לתוכן!!!</p></div>");
imgpath = fileObj.filePath;

},
'checkScript' : '/assets/js/libs/uploadify/check.php',
'onCheck' : function(event,data,key) {
$('#file_upload' + key).find('.percentage').text(' - Exists');
}
} );