Mengganti dengan nama file dan gambar preview

mohon pencerahan untuk mengganti "Pilih gambar" dengan nama File serta menampilkan previewnya

gambar.jpg

coding inputan seperti berkut:

inputan.jpg

dan scriptnya seperti berikut:

script.jpg

mohon pencerahannya agan2...

jadi ketika diklik browse dan dipilih gambar muncul gambarnya dan namanya sesuai nama file gambar yg dipilih

avatar opikgandring85
@opikgandring85

30 Kontribusi 1 Poin

Diperbarui 2 tahun yang lalu

2 Jawaban:

<div>mungkin daripada</div><pre>imgPreview.src = e.target.result</pre><div><br>Yang cuman mengganti alamat src di element nya..<br>Bagaimana kalau mengubah innerHTML nya langsung.<br><br>Jadi yg&nbsp;</div><pre>&lt;img .... class="img-thumbnail img-preview"&gt;</pre><div><br>Dibuat jadi</div><pre>&lt;div class="img-preview"&gt; &lt;img .... class="img-thumbnail"&gt; &lt;/div&gt;</pre><div><br>Terus yang ini tadi&nbsp;</div><pre>imgPreview.src = e.target.result</pre><div><br>Diganti menjadi</div><pre>imgPreview.innerHTML = "&lt;img src='"+e.target.result+"' class='img-thumbnail'&gt;"</pre><div><br>Edit =====<br>Oh. Atau mungkin di onchange nya.. "previewImg" dan bukan previewImg() buat manggil fungsi</div>

avatar GrennKren
@GrennKren

62 Kontribusi 47 Poin

Dipost 2 tahun yang lalu

<div>siap gan saya akan coba dulu,</div>

avatar opikgandring85
@opikgandring85

30 Kontribusi 1 Poin

Dipost 2 tahun yang lalu

Login untuk ikut Jawaban