以编程方式从html5中上传一个或多个文件？

Question

我有以下.在dostuff我想从我的文件上传,删除1个或多个文件(但不是全部).

我接受的唯一图像是png,jpg和gif.Bmp,svg和等会得到拒绝的形式.

我在Javascript中检查,但我想提示询问是否可以删除未接受的文件(bmp等)并继续.如何以编程方式从上传中删除文件？

<input type='file' name='uploads[]' multiple="" 
       onchange="dostuff(this);" accept="image/*"  />

Answer 1

您可以将文件作为数组访问，然后根据需要操作该数组以删除不接受的文件。

<script type="text/javascript">
    function dostuff(input) {
        var output = 'All Files:<br />';
        var validOutput = '<br />Valid Files:<br />';
        var validFiles = [];
        for(var i = 0; i < input.files.length; i++) {
            if(input.files[i].name.substr(-3, 3) != 'jpg') {
                alert(input.files[i].name + ' is invalid');
            }
            else {
                validFiles.push(input.files[i]);
                validOutput += input.files[i].name;
            }
            output += input.files[i].name + '<br />';
        }
        output += validOutput;
        document.getElementById('output').innerHTML = output;
    }
</script>

<input type='file' name='uploads[]' multiple="" onchange="dostuff(this);" accept="image/*"  />
<div id="output"></div>

在这里摆弄。