過濾特定文件類型的動態添加的文件上傳字段

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