前端如何交换input file中的files中的文件对象的位置？

Question

1、input file多文件上传的时候选中了多个文件，现在想把后缀名为.abc的文件在上传前放在这个上传文件数组的files[0]的位置。

2、比如我想把FileList中的FileList[5]中的内容置换到FileList[0]；

3、我试了我想到的两种方法都不行：

第一种是设置一个temp中间值：

  for (var i = 0; i < fileList.length; i++) {

    if (fileList[i].name.indexOf('.obj') !== -1) {

      var tempFile = fileList[0];

      fileList[0] = fileList[i];

      fileList[i] = tempFile;

    }

  }

不支持这样交换：

第二种是交换value值，可是这个对象并没有value值属性，前端直接报错：

  for (var i = 0; i < fileList.length; i++) {

    if (fileList[i].name.indexOf('.obj') !== -1) {

      var tempFile = fileList[0].val();

      fileList[0].val(fileList[i].val());

      fileList[i].val(tempFile);

    }

  }

  

应该怎么实现呢

Answer 1

FileList是只读属性，不可以修改的，你要改的话，新建一个数组，在change事件里把每个FileList push进去，然后进行数组操作，调换位置var filearr = [];var myfile = document.getElementById('file');myfile.onchange = function(){&nbsp; &nbsp; var files = this.files;&nbsp;&nbsp; &nbsp; for(var i = 0;i<files.length;i++){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;filearr.push(files[i]);&nbsp; &nbsp; }}