AI智能
改变未来

关于js中的文件上传域

<!DOCTYPE html><html lang=\"en\"><head><meta charset=\"UTF-8\"><title> 文件上传域 </title></head><body>浏览图片:<input id=\"images\" type=\"file\" multiple accept=\"images/*.jpg\" /><input type=\"button\" value=\"显示文件\" onclick=\"showDetails();\" /><script type=\"text/javascript\">var showDetails = function () {//把文件域对象取出来,放在变量imageEle里var imageEle = document.getElementById(\"images\");// 获取文件上传域内输入的多个文件var fileList = imageEle.files;// 遍历每个文件for (var i = 0; i < fileList.length; i++) {//依次取出每个文件var file = fileList[i];var div = document.createElement(\"div\");// 依次读取每个文件的文件名、文件类型、文件大小div.innerHTML += \"第\" + (i + 1) + \"个文件的文件名是:\" + file.name + \",该文件类型是:\" + file.type + \",该文件大小为:\" +file.size; // 把div元素添加到页面中。document.body.appendChild(div);}}</script></body></html>
赞(0) 打赏
未经允许不得转载:爱站程序员基地 » 关于js中的文件上传域