Monday, 12 August 2013

Upload file in modal

Upload file in modal

i have any problem, i have a Modal in bootstrap (Html/PHP/Jquery).
In this modal i have any field then when i click on save button i save the
field into database.
I would like to add a input file in the modal but i unknow how i upload
the file.
Can we help me?
<!--Esperienza-->
<div id="mws-form-pdg">
<form id="mws-pdg-form" class="mws-form">
<div id="mws-validate-error" class="mws-form-message error"
style="display:none;"></div>
<div class="mws-form-inline">
<div class="mws-form-row" id="attestatoDiv" name="attestatoDiv">
<label class="mws-form-label">Esito PDF</label>
<div class="mws-form-item">
<input type="file" name="Curriculum" id="Curriculum">
</div>
</div>
<input type="hidden" name="idPDG" id="idPDG" value="-1"/>
</div>
</form>
</div>
JS:
if( $.fn.dialog ) {
$("#mws-form-pdg").dialog({
autoOpen: false,
title: "Aggiungi Pratica",
modal: true,
width: "640",
open: function(event, ui){
var id = -1;
id = $(this).data('id-pdg');
if(id !== -1){
$("#dataEsitoDiv").show('slow');
$("#codicePDGMinisteroDiv").show('slow');
$("#esitoDiv").show('slow');
$("#attestatoDiv").show('slow');
$.ajax({
type:"GET",
url: "edit_pdg_ajax.php", // rinominare in maniera consona xD
data:{ q: id},
dataType: 'json',
success: function(json){
$('#Data_PDGModal').val(json.data);
$('#notePDG').val(json.nota);
$("#codicePratica").html(json.codice);
$("#codicePraticahidden").val(json.codice);
$("#Data_EsitoModal").val(json.dataEsito);
$("#codiceMinistero").val(json.codicePDGMinistero);
$("#esitoSelect").select2("val", json.stato);
$("#idPDG").val(id);
}
});//fine ajax
}
});//fine ajax
$('#Data_PDGModal').val("");
$('#notePDG').val("");
$("#idPDG").val('-1'); //serve l'id_corso(andrebbe passato in
data)
}//fine else
},//fine function open
buttons: [{
text: "Convalida",
click: function () {
var dataSer = $(this).find('form#mws-pdg-form').serialize();
$.post("inserisciPDG.php",dataSer,function(data){},"json").done(function(data)
{
if(data.mode == "insert"){
......
}
}).fail(function(){
notification("PDG","Chiamata fallita");
});//fine fail
}//fine function
}]
});
}//fine dialog

No comments:

Post a Comment