Beim öffnen der Datei auswählen, die beim Klick auf ein div-Datei nicht input-tag

Ich wollte ein Bild hochlädt. Für die Auswahl eines Bildes das wir dies tun:

<input type="file" />

aber ich möchte nicht, dass die regelmäßige Eingabe, ich habe ein div und ich will, dass, wenn der Benutzer klickt auf,, Datei-Auswahl-dialog geöffnet, und nach, dass alles weiterhin in üblicher Weise.

Möchte ich Angular.js eher als jQuery wenn möglich, weil mein Projekt ist unter Angular.js

InformationsquelleAutor Fcoder | 2015-07-31

  1. 3

    Mein Vorschlag mit Jquery würde es sein, dass ein div und eine input[type="file"].Der Eingang sollte gemacht werden versteckt und auslösen klicken Sie auf der input unter der Verwendung von JQuery, wie unten

    HTML

    <div id="id">Open</div>
<input id="yourinputname" type="file" name="yourinputname" style="display: none;" />

    jQuery

    $('#id').on('click', function() {
    $('#yourinputname').trigger('click');
});

    Sehen die fiddle

    InformationsquelleAutor Lal

  2. 0

    Meine Datei-upload-Formular mit bootstrap und fontawesome

    <html>
<head>
  <link rel="stylesheet" type="text/css" href="path/to/bootstrap.css" />
  <link rel="stylesheet" type="text/css" href="path/to/fontawesome-all.css" />
</head>

<body>

  <form method="post" action="upload.php" enctype="multipart/form-data" >
    <div class="card mb-4 shadow-sm p-4">
       <h4 class="my-0 font-weight-normal">Upload File</h4>
       <div class="card-body">
         <h2 class="card-title">

           <label style="cursor: pointer;" for="file_upload">
             <span class="text-muted fa fa-upload"></span>
           </label>
           <input type="file" id="file_upload" class="d-none"/>

         </h2>
       </div>
    </div>
  </form>

</body>
</html>

    InformationsquelleAutor Ebuka

Schreibe einen Kommentar