Saya benar-benar baru dalam JavaScript dan HTML, dan saya ingin melampirkan beberapa file di situs saya. Masalahnya adalah: ketika saya ingin melampirkan beberapa file, dari tampilan, saya memilihnya tetapi dalam tampilan hanya muncul satu file, bukan daftar file yang saya pilih.

Misalnya, jika saya melampirkan file1, file2 dan file3, itu hanya menunjukkan kepada saya file1, seperti itu:

enter image description here

Jadi saya ingin mendapatkan situasi ini:

enter image description here

Berikut kodenya:

JS menulis oleh saya untuk memperbaiki masalah, tetapi itu menunjukkan kepada saya hasil yang sama (hanya satu file yang muncul):

const fileinput = require("./button");
const updateList = () => {
  var arrayFiles = document.getElementById("input_issue").files;
  for (i = 0; i < arrayFiles.length; i++) {
    fileinput.append('<i class="text">arrayFiles[i].name</i>')
  }
}
<form id="issueModalFormAttachment" method="POST">
  <table>
    <tr class="form-group">
      <td class="label">{% translate 'Attachments' %}</td>
      <td class="field">
        <input id="input_issue" name="input_issue[]" type="file" class="file" multiple data-show-upload="true" data-show-caption="true">
      </td>
    </tr>
  </table>
</form>

Saya tidak tahu apakah ini berguna karena saya tidak tahu apa-apa tentang html dan js dan orang lain menulis seluruh kode HTML dan JS ... tetapi tutor saya memberi saya masalah untuk memperbaiki masalah ini

ArrayFiles harus berupa array file yang ingin saya unggah. Saya pikir dengan for loop saya bisa memindai array dan menambahkan file di tombol.

Dapatkah seseorang membantu saya? Maaf sekali lagi atas ketidaktahuannya

1
Andrea Maestrutti 11 Mei 2021, 16:40

1 menjawab

Jawaban Terbaik

Coba sesuatu seperti ini:

fileinput.innerHTML += '<i class="text">arrayFiles[i].name</i>';
2
Mohammad Mohammadi 11 Mei 2021, 15:58