diorahman · March 12, 2012 06:01
diff --git a/upload.html b/upload.html
 <!doctype html>
 <html>
    <head>
        <title>easyXDM</title>
        <script type="text/javascript" src="easyXDM.min.js">
        </script>
        <script type="text/javascript">
            /**
             * Request the use of the JSON object
             */
            easyXDM.DomHelper.requiresJSON("json2.js");
        </script>
        <script type="text/javascript">
            
            // this is just some bootstrapping code in order to provide
            // the correct host name depending on where it is being run.
 			// var REMOTE = "https://secure-lynx.appspot.com"
 			var REMOTE = "http://localhost:8080"

            var btn;
            var remote = new easyXDM.Rpc({
                remote: REMOTE + "/public/upload_rpc.html",
                onReady: function(){
                    //display the upload form
                    var frm = document.getElementById("frmUpload");
                    frm.action = REMOTE + "/images";
                    frm.style.display = "block";
                    btn = document.getElementById("btnSubmit");

 					var frm2 = document.getElementById("frmUpload2");
                    frm2.action = REMOTE + "/images";
                    frm2.style.display = "block";
                    btn2 = document.getElementById("btnSubmit2");

 					var frm3 = document.getElementById("frmUpload3");
                    frm3.action = REMOTE + "/images";
                    frm3.style.display = "block";
                    btn3 = document.getElementById("btnSubmit3");

 					var frm4 = document.getElementById("frmUpload4");
                    frm4.action = REMOTE + "/images";
                    frm4.style.display = "block";
                    btn4 = document.getElementById("btnSubmit4");

 					var frm5 = document.getElementById("frmUpload5");
                    frm5.action = REMOTE + "/images";
                    frm5.style.display = "block";
                    btn5 = document.getElementById("btnSubmit5");
                    
                    frm.onsubmit = function(){
                        btn.disabled = "disabled";
 						btn2.disabled = "disabled";
 						btn3.disabled = "disabled";
 						btn4.disabled = "disabled";
 						btn5.disabled = "disabled";
                    };
                }
            }, {
                local: {
                    returnUploadResponse: function(response){
                        // here you should call back into your regular workflow
                        btn.disabled = null;
 						btn2.disabled = null;
 						btn3.disabled = null;
 						btn4.disabled = null;
 						btn5.disabled = null;
 						alert(response.msg);
                    }
                }
            });
        </script>
    </head>
    <body>
        <form id="frmUpload" method="POST" target="upload_target" enctype="multipart/form-data">
            <input type="file" name="image"/>
 			<input type="hidden" name="type" value="icon80"/>
 			<input type="hidden" name="validSize" value="80x80"/>
 			<input type="hidden" name="projectId" value="d6eb71e3-fba7-4c29-ac5e-8fb0fbc2f8b3"/>
 			<input type="hidden" name="token" value="YpbkVmmda9ZOBNVjuLUjcKykcs"/>
 			<input type="submit" id="btnSubmit" value="Upload icon80"/>
        </form>	
 		<form id="frmUpload2" method="POST" target="upload_target" enctype="multipart/form-data">
            <input type="file" name="image"/>
 			<input type="hidden" name="type" value="icon64"/>
 			<input type="hidden" name="validSize" value="80x80"/>
 			<input type="hidden" name="projectId" value="d6eb71e3-fba7-4c29-ac5e-8fb0fbc2f8b3"/>
 			<input type="hidden" name="token" value="YpbkVmmda9ZOBNVjuLUjcKykcs"/>
 			<input type="submit" id="btnSubmit2" value="Upload icon64"/>
        </form>
 		<form id="frmUpload3" method="POST" target="upload_target" enctype="multipart/form-data">
            <input type="file" name="image"/>
 			<input type="hidden" name="type" value="splashFrontLogo"/>
 			<input type="hidden" name="validSize" value="80x80"/>
 			<input type="hidden" name="projectId" value="d6eb71e3-fba7-4c29-ac5e-8fb0fbc2f8b3"/>
 			<input type="hidden" name="token" value="YpbkVmmda9ZOBNVjuLUjcKykcs"/>
 			<input type="submit" id="btnSubmit3" value="Upload splashFront"/>
        </form>
 		<form id="frmUpload4" method="POST" target="upload_target" enctype="multipart/form-data">
            <input type="file" name="image"/>
 			<input type="hidden" name="type" value="splashBackLogo"/>
 			<input type="hidden" name="validSize" value="80x80"/>
 			<input type="hidden" name="projectId" value="d6eb71e3-fba7-4c29-ac5e-8fb0fbc2f8b3"/>
 			<input type="hidden" name="token" value="YpbkVmmda9ZOBNVjuLUjcKykcs"/>
 			<input type="submit" id="btnSubmit4" value="Upload splashBack"/>
        </form>
 		<form id="frmUpload5" method="POST" target="upload_target" enctype="multipart/form-data">
            <input type="file" name="image"/>
 			<input type="hidden" name="type" value="headerLogo"/>
 			<input type="hidden" name="validSize" value="80x80"/>
 			<input type="hidden" name="projectId" value="d6eb71e3-fba7-4c29-ac5e-8fb0fbc2f8b3"/>
 			<input type="hidden" name="token" value="YpbkVmmda9ZOBNVjuLUjcKykcs"/>
 			<input type="submit" id="btnSubmit5" value="Upload headerLogo"/>
        </form>
    </body>
 </html>
	<!doctype html>
	<html>
	<head>
	<title>easyXDM</title>
	<script type="text/javascript" src="easyXDM.min.js">
	</script>
	<script type="text/javascript">
	/**
	* Request the use of the JSON object
	*/
	easyXDM.DomHelper.requiresJSON("json2.js");
	</script>
	<script type="text/javascript">

	// this is just some bootstrapping code in order to provide
	// the correct host name depending on where it is being run.
	// var REMOTE = "https://secure-lynx.appspot.com"
	var REMOTE = "http://localhost:8080"

	var btn;
	var remote = new easyXDM.Rpc({
	remote: REMOTE + "/public/upload_rpc.html",
	onReady: function(){
	//display the upload form
	var frm = document.getElementById("frmUpload");
	frm.action = REMOTE + "/images";
	frm.style.display = "block";
	btn = document.getElementById("btnSubmit");

	var frm2 = document.getElementById("frmUpload2");
	frm2.action = REMOTE + "/images";
	frm2.style.display = "block";
	btn2 = document.getElementById("btnSubmit2");

	var frm3 = document.getElementById("frmUpload3");
	frm3.action = REMOTE + "/images";
	frm3.style.display = "block";
	btn3 = document.getElementById("btnSubmit3");

	var frm4 = document.getElementById("frmUpload4");
	frm4.action = REMOTE + "/images";
	frm4.style.display = "block";
	btn4 = document.getElementById("btnSubmit4");

	var frm5 = document.getElementById("frmUpload5");
	frm5.action = REMOTE + "/images";
	frm5.style.display = "block";
	btn5 = document.getElementById("btnSubmit5");

	frm.onsubmit = function(){
	btn.disabled = "disabled";
	btn2.disabled = "disabled";
	btn3.disabled = "disabled";
	btn4.disabled = "disabled";
	btn5.disabled = "disabled";
	};
	}
	}, {
	local: {
	returnUploadResponse: function(response){
	// here you should call back into your regular workflow
	btn.disabled = null;
	btn2.disabled = null;
	btn3.disabled = null;
	btn4.disabled = null;
	btn5.disabled = null;
	alert(response.msg);
	}
	}
	});
	</script>
	</head>
	<body>
	<form id="frmUpload" method="POST" target="upload_target" enctype="multipart/form-data">
	<input type="file" name="image"/>
	<input type="hidden" name="type" value="icon80"/>
	<input type="hidden" name="validSize" value="80x80"/>
	<input type="hidden" name="projectId" value="d6eb71e3-fba7-4c29-ac5e-8fb0fbc2f8b3"/>
	<input type="hidden" name="token" value="YpbkVmmda9ZOBNVjuLUjcKykcs"/>
	<input type="submit" id="btnSubmit" value="Upload icon80"/>
	</form>
	<form id="frmUpload2" method="POST" target="upload_target" enctype="multipart/form-data">
	<input type="file" name="image"/>
	<input type="hidden" name="type" value="icon64"/>
	<input type="hidden" name="validSize" value="80x80"/>
	<input type="hidden" name="projectId" value="d6eb71e3-fba7-4c29-ac5e-8fb0fbc2f8b3"/>
	<input type="hidden" name="token" value="YpbkVmmda9ZOBNVjuLUjcKykcs"/>
	<input type="submit" id="btnSubmit2" value="Upload icon64"/>
	</form>
	<form id="frmUpload3" method="POST" target="upload_target" enctype="multipart/form-data">
	<input type="file" name="image"/>
	<input type="hidden" name="type" value="splashFrontLogo"/>
	<input type="hidden" name="validSize" value="80x80"/>
	<input type="hidden" name="projectId" value="d6eb71e3-fba7-4c29-ac5e-8fb0fbc2f8b3"/>
	<input type="hidden" name="token" value="YpbkVmmda9ZOBNVjuLUjcKykcs"/>
	<input type="submit" id="btnSubmit3" value="Upload splashFront"/>
	</form>
	<form id="frmUpload4" method="POST" target="upload_target" enctype="multipart/form-data">
	<input type="file" name="image"/>
	<input type="hidden" name="type" value="splashBackLogo"/>
	<input type="hidden" name="validSize" value="80x80"/>
	<input type="hidden" name="projectId" value="d6eb71e3-fba7-4c29-ac5e-8fb0fbc2f8b3"/>
	<input type="hidden" name="token" value="YpbkVmmda9ZOBNVjuLUjcKykcs"/>
	<input type="submit" id="btnSubmit4" value="Upload splashBack"/>
	</form>
	<form id="frmUpload5" method="POST" target="upload_target" enctype="multipart/form-data">
	<input type="file" name="image"/>
	<input type="hidden" name="type" value="headerLogo"/>
	<input type="hidden" name="validSize" value="80x80"/>
	<input type="hidden" name="projectId" value="d6eb71e3-fba7-4c29-ac5e-8fb0fbc2f8b3"/>
	<input type="hidden" name="token" value="YpbkVmmda9ZOBNVjuLUjcKykcs"/>
	<input type="submit" id="btnSubmit5" value="Upload headerLogo"/>
	</form>
	</body>
	</html>