W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!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>