asked on
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title page-color">Add Project Information</h4>
</div>
<div class="modal-body">
<form enctype="multipart/form-data">
<label>Project Title</label>
<textarea id="map_proj_title" name="map_proj_title"></textarea>
<div><label>Project Description</label>
<textarea id="map_proj_desc"></textarea>
<!--input type="text" id="embed_alignment" name="embed_alignment"-->
<div><label>Project Image</label>
<input type="file" id="map_proj_image">
</form>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" id="btnmproject" >Save Project</button>
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
<script>
jQuery('#btnmproject').on('click',function(){
projtitle_val = jQuery("#map_proj_title").val();
projdesc_val = jQuery("#map_proj_desc").val();
txtboxproj_val = 1;
var fd = new FormData();
var files = jQuery('#map_proj_image')[0].files[0];
fd.append('map_proj_image',files);
//fd.append('request',1);
jQuery.ajax({
type: 'POST',
url: "insert-project-data.php?projtitle_val="+projtitle_val+"&projdesc_val="+projdesc_val,
data: fd,
contentType: false,
processData: false,
dataType: "JSON",
success: function(data) {
jQuery('#Modal').modal('hide');
},
error: function(err) {
}
});
</script>
<?PHP
$proj_image = $_FILES["map_proj_image"]["name"]; //upload field
$proj_title = $_REQUEST['projtitle_val']; //text field
$proj_detail = $_REQUEST['projdesc_val'];
?>