JQuery Form Uploading file problem
Hi, right now I'm facing a situation when uploading a file using Jquery Form, I've never being able to reach the success property/action and when the file finishes uploading it tries to show some information of the incoming page with no success, eventhough I dont mind showing some response what I would like to do is a file upload to multiple destinations, that's why I'm concerned on the success property being reached this is what I'm doing
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript" src="http://github.com/malsup/form/raw/master/jquery.form.js?v2.36"></script>
- <script type="text/javascript">
$(function() {
$('form').ajaxForm({
beforeSubmit: clearOutput,
success: writeOutput
});
$('<div id="busy">Loading...</div>')
.ajaxStart(function() {$(this).show();})
.ajaxStop(function() {$(this).hide();
})
.appendTo('#main');
});
function clearOutput(a, f, o) {
$('#output').html('Submitting form...');
}
function writeOutput(data) {
var $out = $('#output');
$out.html('Something received: <strong>' + typeof data + '</strong>');
}
function doSubmit() {
document.forms[0].submit();
}
</script>
</head>
<body>
<div id="main">
<p>172.20.0.173</p>
<form name='form1' action='http://172.20.0.173/settings/customization/backup_restore.lhtml' method='POST' enctype="multipart/form-data">
<input type=hidden name='restoretype' value='zip'>
<input type=hidden name='path' value='/tmp'>
<input type=hidden name='filename' value='restore.zip'>
<input type='file' name='Browse' size='64' >
<input id='zipbtn' type='button' value='Upload and uncompress' onclick="doSubmit();"></td>
</form>
<form name='form2' action='http://172.20.0.130/settings/customization/backup_restore.lhtml' method='POST' enctype="multipart/form-data">
<input type=hidden name='restoretype' value='zip'>
<input type=hidden name='path' value='/tmp'>
<input type=hidden name='filename' value='restore.zip'>
<input type='file' name='Browse' size='64' >
<input id='zipbtn' type='button' value='Upload and uncompress'></td>
</form>
</div>
Thank you very much in advance!!