Chicos buenas tardes me colaboran con una duda por favor
En dias anteriores pregunte en el foro como subir un archivo al servidor sin usar formulario, sino usando una funcion. Me sugirieron un iframe; buscando encontre el siguiente ejemplo que unicamente sirve para subir archivos, funciona muy bien, pero tengo una duda
En el ejemplo que encontre, el script permite seleccionar el archivo y enviarlo (funciona perfecto), pero no se como poner los demas campos (id, nombre, email) en el script para que viajen con el campo archivo a traves de la funcion.
Disculpen mi ignorancia, pero no se como usar el iframe con los demas campos (id, nombre, email) que tengo.
Este es el script que encontre el cual permite subir el archivo, yo le adicione mis campos id, nomre, email
Código HTML:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="description" content="Demo de uploader ajax, usando un plugin para jquery" /> <meta name="keywords" content="jquery, ajax" /> <script language="javascript" src="js/jquery-1.3.1.min.js"></script> <script language="javascript" src="js/AjaxUpload.2.0.min.js"></script> <script language="javascript"> $(document).ready(function(){
var button = $('#upload_button'), interval;
new AjaxUpload('#upload_button', {
action: 'upload.php',
onSubmit : function(file , ext){
if (! (ext && /^(jpg|png|jpeg|gif)$/.test(ext))){
// extensiones permitidas
alert('Error: Solo se permiten imagenes');
// cancela upload
return false;
} else {
button.text('Uploading');
this.disable();
}
},
onComplete: function(file, response){
button.text('Upload');
// enable upload button
this.enable();
// Agrega archivo a la lista
$('#lista').appendTo('.files').text(file);
}
});
});
<link href="style.css" rel="stylesheet" type="text/css" />
<div id="id">id:
<input type="text" name="id_aspirante" id="id_aspirante"></div> <div id="nombre">Nombre:
<input type="text" name="nombre_aspirante" id="nombre_aspirante"></div> <div id="email">Email:
<input type="text" name="email_aspirante" id="email_aspirante"></div> <div id="upload_button">Upload
</div>
Gracias