Necesito ayuda :( estoy creando un formulario de registro de usuario, puedo guardar sin problemas los datos de los inputs pero quiero sumarle más una foto de perfil, he intentado buscar información pero termino mareandome y no se como podría implementarla, los campos que pide el registro de nuevo usuario son los siguientes:
Nombre:
Correo:
Password:
Pais:
-Subir Foto-
He creado una tabla en la bd mysql, donde se van a alojar los datos hasta donde he buscado lo mas recomendable es guardar la imagen dentro de una carpeta creada dentro del proyecto, y generar la url con ella se registrará en la bd es decir los 4 campos de nombre, correo, password, país más el campo imagen para guardar los datos en la tabla de la bd estoy usando ajax dentro en mi archivo js.
Archivo register.html
<!DOCTYPE html>
<html>
<head>
<title>Registrar usuario</title>
</head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<body>
<label>Nombre: </label><input type="text" name="nombre_x" id="nombre_x"> <br><br>
<label>Correo:</label><input type="text" name="correo_x" id="correo_x"> <br><br>
<label>Password</label>:<input type="text" name="pass_x" id="pass_x"> <br><br>
<label>País:</label>
<select name="pais_x" id="pais_x">
<option>seleccioar</option>
<option>pais1</option>
<option>pais2 </option>
<option>pais3</option>
</select> <br><br>
foto:<input type="file" id="foto_x" name="foto_x"><br><br>
<button type="button"id="guardardatos"> Grabar</button>
</body>
<script type="text/javascript">
$(document).ready(function(){
$('#guardardatos').click(function(){
nombre_x=$('#nombre_x').val();
correo_x=$('#correo_x').val();
pass_x=$('#pass_x').val();
pais_x=$('#pais_x').val();
RegistrarNuevo(nombre_x,correo_x,pass_x,pais_x,foto_x);
});
});
</script>
</html>
Archivo AgregarNuevoUsuario.php
<?php
require_once "conexion.php";
$conexion=conexion();
$id_usuario=$_POST['id_user'];
$nombre_x=$_POST['nombre_x'];
$correo_x=$_POST['correo_x'];
$pass_x=$_POST['pass_x'];
$pais_x=$_POST['pais_x'];
$sql="INSERT into tbl_nuevo_usuario (
nombre_x, correo_x, pass_x, pais_x, vNumDocIdent,
vApePaterno, vApeMaterno, vPriNombre, vSegNombre,
vTelMovil, vTelFijo, vNacionalidad, vOcupacion,
vDomicilio, vFechaNac, vFechaRegistro,
vHoraRegistro, vPostalCli, vUserName
) values (
'$nombre_x',
'$correo_x',
'$pass_x',
'$pais_x'
)";
echo $result=mysqli_query($conexion,$sql);?>
archivo funcion.js
<script type="text/javascript">
function RegistrarNuevo(){
cadena="nombre_x=" + nombre_x +
"&correo_x=" + correo_x +
"&pass_x=" + pass_x +
"&pais_x=" + pais_x;
$.ajax({
type:"POST",
url:"AgregarNuevoUsuario.php",
data:cadena,
success:function(r){
if(r==1){
alert("se ha registrado correctamente");
}else{
alert("error, no hay conexión");
}
}
});}
</script>
No es mi register
original acabo de improvisar uno, he filtrado varias cosas que son de css, el objetivo del formulario es guardar todo en la tabla tbl_nuevo_usuario que guarde los 5 campos no es necesario mostrar en otra pagina solo que se aloje en la tabla de la bd, de antemano agradezco la ayuda, llevo 2 dias estancado en el tema de las imágenes y no doy con una solución :c
No se si está bien haber usado ajax, ya que dentro de un menú que tengo después de que el cliente ya tiene cuenta, puede hacer operaciones usando tablas dinámicas y allí es donde hago uso de ajax para no actualizar la pagina a cada momento, inicialmente el register.html
estaba usando las etiquetas <form>
.