File: /var/www/html/tmpr/../tmpr/..//tmpr/../tmpr/../newdatasets/modalUpload.php
<div id="uploadModal" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<a href="<?php echo $url; ?>"> <span type="button" class="pull-right"><img style="padding:5px; margin:0px; " src="images/images/buttons3_03.png"></span></a>
<h4 class="modal-title">Add a picture to your design!</h4>
</div>
<div class="modal-body">
<div id="err"></div>
<form id="form" action="<?php echo $siteaddress;?>v/ajaxuploadpicture.php" method="post" enctype="multipart/form-data">
<div class="form-group">
<input class="btn btn-white" id="uploadImage" type="file" accept="image/*" name="image" /></div>
<div id="preview" style="display: none"><img src="<?php echo $siteaddress;?>pages/splash/stock/list.png" /></div>
<input id="uid" name="uid" class="form-control" value="<?php echo $catalogidX;?>" type="hidden">
<input id="ids" name="ids" class="form-control" value="<?php echo rand(10000000000,90000000000);?>" type="hidden">
<div class="form-group" style="margin-top:10px;">
<input class="btn btn-success " type="submit" value="Add Photo"></div>
</form>
<script>
$(document).ready(function (e) {
$("#form").on('submit',(function(e) {
e.preventDefault();
$.ajax({
url: "<?php echo $siteaddress;?>v/ajaxuploadpicture.php",
type: "POST",
data: new FormData(this),
contentType: false,
cache: false,
processData:false,
beforeSend : function()
{
//$("#preview").fadeOut();
$("#err").fadeOut();
},
success: function(data)
{
if(data=='invalid')
{
// invalid file format.
$("#err").html("Invalid File !").fadeIn();
$("#check").html("Invalid File !").fadeIn();
}
else
{
window.location = "<?php echo $url; ?>";
// view uploaded file.
$("#preview").html(data).fadeIn();
$("#form")[0].reset();
}
},
error: function(e)
{
$("#err").html(e).fadeIn();
}
});
}));
});
</script>
</div>
</div>
</div>
</div>