js获取file的文件名、大小、类型等各项属性

应用场景

后台动态多图上传,可删可加可预览,通过获取file属性创建新file对象数组,然后再上传file数组。

<input id="file" multiple type="file" /><br />
var inputFiles = document.getElementById('file');
var fileList = [];
var length = inputFiles.files.length;
var files = inputFiles.files;
if(length > 0){
    for (var i = 0; i < length; i++) {
      var fileName = files[i].name; // get file name
      var fileType = files[i].type; // get file type
      const file = new File([inputFiles.files[i]],fileName,{type:fileName});
      fileList.push(file);
    }
}
// 
上传fileList

# js   前端   编程思想   工具  

评论

企鹅群:39438021

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×