system: Linux mars.sprixweb.com 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64
<AOA:output>if $message!="" </AOA:output>
<div id="dialog" title="Success">
<p><AOA:output>$message</AOA:output></p>
</div>
<AOA:output>/if</AOA:output>
<AOA:output>if $error_message ne "" </AOA:output>
<div id="dialog" title="Error in Validation">
<AOA:output>$error_message</AOA:output>
</div>
<AOA:output>/if</AOA:output>
<AOA:output>if count($errmsg) gt 0</AOA:output>
<div id="dialog" title="Error in Validation">
<p>
<AOA:output>foreach name=err item=err from=$errmsg</AOA:output>
<AOA:output>$err</AOA:output><br>
<AOA:output>/foreach</AOA:output>
</p>
</div>
<AOA:output>/if</AOA:output>
<div class="grid_9">
<div class="box round first">
<h2>Add New Photo</h2>
<div class="block ">
<html>
<head>
<title>Ajax Image Upload </title>
</head>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.wallform.js"></script>
<script>
$(document).ready(function() {
$('#photoimg').die('click').live('change', function() {
//$("#preview").html('');
$("#imageform").ajaxForm({target: '#preview',
beforeSubmit:function(){
console.log('ttest');
$("#imageloadstatus").show();
$("#imageloadbutton").hide();
},
success:function(){
console.log('test');
$("#imageloadstatus").hide();
$("#imageloadbutton").show();
},
error:function(){
console.log('xtest');
$("#imageloadstatus").hide();
$("#imageloadbutton").show();
} }).submit();
});
});
</script>
<style>
body
{
font-family:arial;
}
#preview
{
color:#cc0000;
font-size:12px
}
.imgList
{
max-height:150px;
margin-left:5px;
border:1px solid #dedede;
padding:4px;
float:left;
}
</style>
<body>
<div>
</div>
</body>
</html>
<form id="imageform" method="post" enctype="multipart/form-data" action='?do=photos&action=upload' style="clear:both">
<table class="form">
<tr>
<td class="col1">
<label>Date / Year </label>
</td>
<td class="col02">
<select name="txtyear" class="form-control">
<option>Select Category</option>
<option value="2010">2010</option>
<option value="2011">2011</option>
<option value="2012">2012</option>
<option value="2013">2013</option>
<option value="2014">2014</option>
<option value="2015">2015</option>
<option value="2016">2016</option>
<option value="2017">2017</option>
<option value="2018">2018</option>
<option value="2019">2019</option>
<option value="2020">2020</option>
</select>
</td>
</tr>
<tr>
<td class="col1">
<label>Category List </label>
</td>
<td class="col02">
<select name="txtcate" class="form-control">
<option>Select Category</option>
<option value="am">Annual Meetings</option>
<option value="m">Meetings</option>
<option value="s">Stitching Department</option>
</select>
</td>
</tr>
<tr>
<td class="col1">
<label>Message </label>
</td>
<td class="col02">
<textarea name="txtmessage" class="form-control" cols="33" rows="5"><AOA:output>$errval.txtmessage</AOA:output></textarea>
</td>
</tr>
<tr>
<td class="col1">
<label>Image </label>
</td>
<td class="col02">
<div id='imageloadbutton'>
<input type="file" name="photos[]" id="photoimg" multiple="true" />
</div>
<div id='imageloadstatus' style='display:none'><img src="loader.gif" alt="Uploading...."/></div>
</td>
</tr>
<tr>
<td class="" colspan="5">
<center><div id='preview'>
</div></center>
</td>
</tr>
</table>
</form>
</div>
</div>
</div>
<div class="clear">
</div>