Wie kann ich eine neue Datei hochladen, klicken Sie auf der Schaltfläche Bild

Könnte man hinzufügen, eine versteckte Datei-input-Feld, wie:

<input type="image" src="http://upload.wikimedia.org/wikipedia/commons/c/ca/Button-Lightblue.svg" width="30px"/>
<input type="file" id="my_file" style="display: none;" />

Und tun:

$("input[type='image']").click(function() {
    $("input[id='my_file']").click();
});

Demo:: Aktualisiert Fiddle

InformationsquelleAutor der Antwort Sudhir Bastakoti

sind Sie mit der falschen Eingabe verwenden Sie die Datei stattdessen, wenn Sie möchten, dass die Taste, um loke, wie der Kreis im code-demo, die Sie brauchen, um den CSS zu ändern "submit" aussieht. Dies hat in der form zu sein:

<form action="upload_file.php" method="post" enctype="multipart/form-data">
  <input type="file" name="myfile"/>
  <input type="submit" class="circle-btn"/>
<form>

Ich weiß nicht, welche Sprache verwenden Sie in der server-Seite (PHP, ASP.NET, etc), aber Sie brauchen, um eine Seite zu erstellen (zum Beispiel "upload_file.php" für php). Man kann leicht Beispiele finden Sie im google darüber, wie Sie eine Seite erstellen möchten, kopieren Sie einfach pasete code:

Ein Beispiel in PHP: http://www.w3schools.com/php/php_file_upload.asp

Hoffe es hilft 🙂

InformationsquelleAutor der Antwort Remo H. Jansen

Gibt es keine Notwendigkeit für javascript einfach die <input> und die <img> innen <label> stellen Sie sicher, Sie verstecken die <input> etwa so:

   <label for="image">
      <input type="file" name="image" id="image" style="display:none;"/>
      <img src="IMAGE URL"/>
   </label>

InformationsquelleAutor der Antwort Perlat Kociaj