[SOLUCIONADO] Input id="upload-file"... No se muestra?

head777 · #1 (**permalink**) 03/08/2015, 22:06

Hola, buenas noches foreros.

Les comento que estoy realizando un javascript el cual esta constituido de la siguiente forma:

Código:

<head>
    <title></title>
<script type="text/javascript">
	
	$("#fileupload").click(function(){
        $("#upload-file").click();	
	});
	
	
	$(document).ready(function(){
            var description = 'Feel free to listen all the music anytime, 
and if you want to add more music to the playlist, 
do it<input id="upload-file" type="file"/><a id="fileupload"> here.</a>
    
</script>

Tambien tengo mi CSS de esta forma:

Código:

#upload-file{
    display: none;
}

Como ven, es bastante sencillo el codigo pero me he estado quebrando la cabeza de por que a la hora de dar click en la palabra "here" no me despliegua el uploader para poder subir archivos.

Sera que me podrian ayudar a entender por favor.

Desde ya gracias.

Alexis88 · #2 (**permalink**) 04/08/2015, 00:54

Como veo que colocas el código en la cabecera del documento, todo debe de estar dentro de $(document).ready(...). Empieza por cambiar eso.

Saludos

head777 · #3 (**permalink**) 04/08/2015, 09:22

Hola, buenos dias.

Hice lo que me recomendastes pero aun nada...

Código:

<html>

<head>
    <title></title>
<script type="text/javascript">
	
	$(document).ready(function(){
		
	$("#fileupload").click(function(){
        $("#upload-file").click();	
	});
    
	var description = 'Feel free to listen all the music anytime, 
and if you want to add more music to the playlist, 
do it<input id="upload-file" type="file"/><a id="fileupload"> here.</a>';

    </script>
</head>

Que podria ser?... Sugerencias?

Alexis88 · #4 (**permalink**) 04/08/2015, 10:31

Si buscas que se produzca el evento click en $("#upload-file") al dar un clic en $("#fileupload"), estás haciéndolo mal. Creo que sería mejor que ejecutaras directamente la función o conjunto de instrucciones al darle un clic a $("#upload-file") del mismo modo que ocurriría si se lo dieras a $("#fileupload").

Saludos

head777 · #5 (**permalink**) 04/08/2015, 14:06

Hola, buenas tardes.

He logrado solucionar el problema y lo comparto, esperando que a alguien mas le sirva.

Código:

<html>

<head>
<form id="form" action="index.php" method="post">
<input id="upload-file" name="upload-file" type="file"/>


    <title></title>    
	<script type="text/javascript">
	
    document.getElementById("upload-file").onchange = function() {
    document.getElementById("form").submit(); }
	
	
	$(document).ready(function(){
		
	var description = 'Feel free to listen all the music anytime, 
        and if you want to add more music to the playlist, 
        do it <a id="fileupload" onClick=$("#upload-file").click()> here.</a>';