Tengo un formulario donde se da de alta algunos datos (datos e imagen), el formulario con la acción PHP en mi formulario funciona y los agrega correctamente, pero no quiero que se refresque mi formulario si no solo los de alta, para esto utilizo AJAX. Ejecuto mi código y me agrega los datos excepto la imagen, ¿alguien sabe qué me hace falta?
Éste es mi código AJAX:
$(document).ready(function(){
$().ajaxStart(function(){
$('#loading').show();
$('#result').hide();
}).ajaxStop(function() {
$('#loading').hide();
$('#result').fadeIn('slow');
});
$('#form, #addproduct').submit(function(){
$.ajax({
type:'POST',
url: $(this).attr('action'),
data:$(this).serialize(),
mimeType:"multipart/form-data",
success: function(data) {
$('#result').html(data);
}
})
return false;
});
})
Y el código de mi formulario:
<form class="form-horizontal" method="post" id="addproduct" name="addproduct" action="index.php?view=addreceipt" role="form" enctype="multipart/form-data" >
<div class="form-group">
<div class="col-md-3"> </div>
<div class="col-md-3"> </div>
<label for="inputEmail1" class="col-lg-1 control-label">Folio</label>
<div class="col-md-2">
<input type="text" name="folio" id="folio" placeholder="se genera automáticamente" class="form-control" >
</div>
</div>
<div class="form-group">
<label for="inputEmail1" class="col-lg-2 control-label">Cliente *</label>
<div class="col-md-6">
<select name="cliente" id="cliente" class="form-control">
<option value="">-- NINGUNA --</option>
<?php foreach ($clients as $client): ?>
<option value="<?php echo $client->id;?>"><?php echo $client->razon;?></option>
<?php endforeach;?>
</select>
</div>
</div>
<div class="form-group">
<label for="inputEmail1" class="col-lg-2 control-label">Fecha de Arribo *</label>
<div class="col-md-2">
<input type="text" name="fechadellegada" id="fechadellegada" placeholder="Fecha arribo" class="form-control">
</div>
<label for="inputEmail1" class="col-lg-2 control-label">Hora de Arribo *</label>
<div class="col-md-2">
<input type="text" name="horadellegada" id="horadellegada" placeholder="Hora arribo" class="form-control">
</div>
</div>
<div class="form-group">
<label for="inputEmail1" class="col-lg-2 control-label">Operador*</label>
<div class="col-md-2">
<input type="text" name="operador" id="operador" placeholder="Nombre del operador" class="form-control">
</div>
<label for="inputEmail1" class="col-lg-2 control-label">Sello *</label>
<div class="col-md-2">
<input type="file" name="image" id="image">
</div>
</div>
<div class="form-group">
<div class="col-lg-offset-2 col-lg-10">
<button type="submit" class="btn btn-primary" name="mysubmit" id="mysubmit" onclick="mostrar();">Agregar Solicitud</button>
</div>
</div>
</form>