Iniciar sesiónCerrar
Correo:
Contraseña:
Entrar
Recordar sesión en este navegador
Iniciar sesiónIniciar sesiónCrear cuentaCrear cuenta
LWP » Foros » JavaScript » Upload a distintos directorios con varios submit en un mismo.formulario

JavaScript - Upload a distintos directorios con varios submit en un mismo.formulario

Volver
Nuevo Tema
<<>>
 
Vista:

Upload a distintos directorios con varios submit en un mismo.formulario

Publicado por Lailo (2 intervenciones) el 17/02/2020 01:26:45
Hola. Estoy intentando crear un html para subir archivos de video a localhost y que al pulsar en los distintos submit del formulario se guarden en un directorio distinto. El problema es que al pulsar cualquiera de los submit, siempre se guardan en el mismo directorio. Esto pasa porque no consigo que el php me distinga entre los distintos submit.
Aclaro que no tengo conocimientos de javascript, estoy utilizando un codigo que encontre en internet, pero no consigo entenderlo. Tengo una pequeña base (suficiente para lo que yo hago) de html, css, php, pero de javascript, nada y tampoco encuentro ningun sitio donde poder estudiarlo.
Alguna idea?
Gracias
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

Upload a distintos directorios con varios submit en un mismo.formulario

Publicado por Lailo (2 intervenciones) el 17/02/2020 01:50:35
Archivo html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
<title>proba subir archivo progressbar ajax jquery</title>
 
<link href="css/bootstrap.css" rel="stylesheet"/>
<link href="css/css.css" rel="stylesheet"/>
 
</head>
<body>
<div id="divupload">
 
    <form id="uploadForm" method="post" action="upload.php">
    	<div class="form-group" id="selecionarchivo">
        	<label>Archivo: </label>
            <input type="file" name="uploadFile" id="uploadFile" />
            <input type="text" value="un" name="un" hidden="true"/>
        </div>
 
        <div class="form-group">
        	<input type="submit" id="uploadSubmit" value="Compartir" class="btn btn-primary" name="comparte" />
            <input type="submit" id="botonprivado" value="privado" class="btn btn-primary" name="privat"  />
        </div>
        <div class="progress">
        	<div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
        </div>
        </div>
        <div id="targetLayer"></div>
    </form>
 
 
 
    <div id="loader-icon" style="display:none"><img src="animado.gif"/></div>
 
 
</div>
 
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/jquery.form.min.js"></script>
 
<script>
 
$ (function(){
	$('#uploadForm').submit(function(e){
		if($('#uploadFile').val()){
			e.preventDefault()
			$('#loader-icon').show()
			$(this).ajaxSubmit({
				target: "#targetLayer",
				beforeSubmit: function(){
					$('.progress-bar').width('0%')
				},
				uploadProgress: function(event, position, total, percentComplete){
					$(".progress-bar").width(percentComplete+'%')
					$(".progress-bar").html('<div id="progress-status">'+percentComplete+'%</div>')
				},
				success:function(){
					$('#loader-icon').hide()
				},
				resetForm: true
 
			})
			return false
		}
	})
 
})
 
</script>
</body>
</html>

Archivo php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<?php
 
$nombre=$_FILES['uploadFile']['name'];
$guardado=$_FILES['uploadFile']['tmp_name'];
 
if(!empty($_FILES)){
if(is_uploaded_file($_FILES['uploadFile']['tmp_name'])){
		$srcPath = $_FILES['uploadFile']['tmp_name'];
		$trgPath = "archivospublicos/".$nombre;
 
if(move_uploaded_file($srcPath,$trgPath)){
			echo "<br>";?>
            <img src="<?php echo $trgPath; ?>" width="300" height="250" />
 
			<style> h2{color:#390; text-decoration:underline;}</style><h2>
 
			<?php echo "<br> ". $nombre. " gardado. <br>"; ?></h2><?php
		}
	}
}
?>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar