Skip to main content
se añadieron 308 caracteres en el cuerpo
Origen Enlace
Noctis
  • 101
  • 1
  • 2
  • 12

Lo que pasa es que quiero que al presionar el icono de fa fa-paperclip me abra la ventana para escoger que archivos deseo adjuntar.

Actualmente tengo esto:

<html>

<head>

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

</head>

<body>

<a href = "#"><i class = "fa fa-paperclip"></i></a>

Que al dar click en el icono me abra el input file: 
<input type = "file">



</body>

</html>

Saludos.

Este fue el resultado:

function abrir() {

var file = document.getElementById("file").click();

}

  <i class = "fa fa-paperclip fa-2x text-blue" style = "cursor: pointer;" onclick="abrir()"></i>

  <input id = "file" type="file" style = "display: none;">

Gracias.

Lo que pasa es que quiero que al presionar el icono de fa fa-paperclip me abra la ventana para escoger que archivos deseo adjuntar.

Actualmente tengo esto:

<html>

<head>

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

</head>

<body>

<a href = "#"><i class = "fa fa-paperclip"></i></a>

Que al dar click en el icono me abra el input file: 
<input type = "file">



</body>

</html>

Saludos.

Lo que pasa es que quiero que al presionar el icono de fa fa-paperclip me abra la ventana para escoger que archivos deseo adjuntar.

Actualmente tengo esto:

<html>

<head>

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

</head>

<body>

<a href = "#"><i class = "fa fa-paperclip"></i></a>

Que al dar click en el icono me abra el input file: 
<input type = "file">



</body>

</html>

Saludos.

Este fue el resultado:

function abrir() {

var file = document.getElementById("file").click();

}

  <i class = "fa fa-paperclip fa-2x text-blue" style = "cursor: pointer;" onclick="abrir()"></i>

  <input id = "file" type="file" style = "display: none;">

Gracias.

Origen Enlace
Noctis
  • 101
  • 1
  • 2
  • 12

Abrir input a partir de icono font awesome

Lo que pasa es que quiero que al presionar el icono de fa fa-paperclip me abra la ventana para escoger que archivos deseo adjuntar.

Actualmente tengo esto:

<html>

<head>

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

</head>

<body>

<a href = "#"><i class = "fa fa-paperclip"></i></a>

Que al dar click en el icono me abra el input file: 
<input type = "file">



</body>

</html>

Saludos.