Saya meminta pengguna untuk mengunggah 4 file berbeda ketika mereka mengisi formulir.

Berikut adalah contoh salah satu input:

  <div class="custom-file">
    <input type="file" class="custom-file-input" accept="video/*" id="video1" required>
    <label class="custom-file-label" for="video1"> drop the video</label>
  </div>

Saya ingin pengguna memilih jenis file mp4 saja. Jika mereka memilih jenis file yang salah, saya ingin sebuah kotak muncul. Saya tidak ingin kotak ini muncul pada pengiriman formulir yang tampaknya dipecahkan oleh semua solusi di internet.

Sebagai gantinya, ketika pengguna menelusuri file, memilih file dan kemudian mengklik "buka", saya ingin sebuah kotak muncul untuk memberi tahu pengguna untuk memilih file dengan ekstensi yang disetujui.

Apakah ada cara untuk melakukan ini alih-alih pada saat mengirimkan formulir?

0
Bob 25 Oktober 2019, 14:05

1 menjawab

Jawaban Terbaik

Jika Anda tidak ingin menampilkan peringatan apa pun, Anda cukup mengubah tag input sebagai berikut

 <input type="file" class="custom-file-input" accept="video/mp4,video/x-m4v,video/*" id="video1" required>

Jika Anda benar-benar ingin menampilkan pesan, Anda dapat memanggil peringatan dengan menggunakan atribut oninput. Coba ikuti

 function inputHandler(value)
      {
       if(!value.endsWith("mp4"))
       {
           alert("only mp4 is allowed");
       }
      }
<div class="custom-file">
      <input
        type="file"
        class="custom-file-input"
        accept="video/*"
        id="video1"
        required
        oninput="inputHandler(this.value)"
      />
      <label class="custom-file-label" for="video1"> drop the video</label>
    </div>
0
Rashiq Kodakkad 25 Oktober 2019, 11:43