Question

我正在使用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);
}

Answer 1

警告：使用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

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

1 个答案: