为特定文件类型动态过滤添加的文件上传字段

Filter dynamically added file upload fields for specific file types

本文关键字：文件 字段 添加 动态 类型 过滤      更新时间：2023-09-26

我正在使用JavaScript添加文件上传字段。

我需要过滤文件，这样只有PDF文件可以上传。

到目前为止我写的是:

function AddFileUpload() {
    var div = document.createElement('DIV');
    div.innerHTML = '<input id="file' + counter + '" name = "file' + counter +
    '" type="file" />' +
    '<input id="Button' + counter + '" type="button" ' +
    'value="Remove" onclick = "RemoveFileUpload(this)" />';
    document.getElementById("FileUploadContainer").appendChild(div);
    counter++;
}
function RemoveFileUpload(div) {
    document.getElementById("FileUploadContainer").removeChild(div.parentNode);
}

警告:用Javascript做这个检查是非常非常糟糕的。它很容易被操纵，绝对不推荐使用。在所有。由任何人。别这么做。

function AddFileUpload() {
    var div = document.createElement('DIV');
    div.innerHTML = '<input id="file' + counter + '" name = "file' + counter +
        '" type="file" accept="application/pdf"/>' +
        '<input id="Button' + counter + '" type="button" ' +
        'value="Remove" onclick = "RemoveFileUpload(this)" />';
    document.getElementById("FileUploadContainer").appendChild(div);
    counter++;
}
function RemoveFileUpload(div) {
    document.getElementById("FileUploadContainer").removeChild(div.parentNode);
}

要接受某种类型的文件，请查看MIME文件类型和accept属性。示例站点:http://www.w3schools.com/tags/att_input_accept.asp

相关文章：