​x
 
<!DOCTYPE html>
<html>
<body onload="myFunction()">
​
<input type="file" id="myFile" multiple size="50" onchange="myFunction()">
​
<p id="demo"></p>
  
<script>
function myFunction(){
  var x = document.getElementById("myFile");
  var txt = "";
  if ('files' in x) {
    if (x.files.length == 0) {
      txt = "请选择一个或多个文件。";
    } else {
      for (var i = 0; i < x.files.length; i++) {
        txt += "<br><strong>" + (i+1) + ". 文件</strong><br>";
        var file = x.files[i];
        if ('name' in file) {
          txt += "名称：" + file.name + "<br>";
        }
        if ('size' in file) {
          txt += "尺寸：" + file.size + " 字节 <br>";
        }
      }
    }
  } 
  else {
    if (x.value == "") {
      txt += "请选择一个或多个文件。";
    } else {
      txt += "您的浏览器不支持文件属性！";
      txt  += "<br>所选文件的路径：" + x.value; // 如果浏览器不支持 files 属性，它将返回所选文件的路径。
    }
  }
  document.getElementById("demo").innerHTML = txt;
}
</script>
​
<p><b>提示：</b>请使用 Control 或 Shift 键选择多个文件。</p>
​
</body>
</html>
​