如何使用 javascript 验证 .mp4、.mp3 和 PDF 文件

Question

根据选择选项，我需要上传 pdf 或 mp3/mp4。

如果我选择书籍或试卷，我只需要验证才能上传 pdf 或 doc 文件，

如果我选择音频，我应该只上传 mp3。如果我选择视频，我应该只上传 mp4。

请帮助我使用 javascript 进行此验证。我只需要条件。其余的将通过后端完成

<select id="upload_material" onchange="val()">
      <option>Select Material Type</option>
      <option value="1">Question Paper</option>
      <option value="2">Book</option>
      <option value="3">Audio/Video</option>
</select>
<label class="myLabel">
     <%= f.file_field :attachment, :onchange => "get_extension($this.value)" %>
     <!--  <input type="file" style="margin-left:80px;" name="filetwo"> -->
     <span>Browse</span>
</label>

Answer 1

您可以使用javascript-test-function来测试文件名和/或文件类型，如果它包含您想要的文件类型。

就像是：

types = /(\.|\/)(mp3|mp4)$/i;
//file is the file, that the user wants to upload
file = data.files[0];

if (types.test(file.type) || types.test(file.name)) {
    alert("file is valid");
else{
    alert("file is invalid");
}