html5中file对象

红太狼 2022-09-21 11:45 299阅读 0赞

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" type="text/html;charset=GBK"> <title>File</title> <script type="text/javascript"> var showFileInformation=function(){ var imageEle=document.getElementById("images"); var imageFileList=imageEle.files; for(var i=0;i<imageFileList.length;i++){ var file=imageFileList[i]; div=document.createElement("div"); div.innerHTML="第"+(i+1)+"个文件的文件名是:"+file.name+",该文件类型是:"+file.type+" ,该文件大小是:"+file.size; document.body.appendChild(div); } } </script> </head> <body> 浏览图片:<input id="images" type="file" multiple accept="image/*"/> <input type="button" value="显示文件信息" onclick="showFileInformation();"> </body> </html>这里写图片描述

发表评论

表情：
评论列表 （有 0 条评论，299人围观）

还没有评论，来说两句吧...

相关阅读

    相关 [HTML5] FileReader对象

    写在前面 前一篇文章介绍了HTML5中的Blob对象（详情戳[这里][Link 1]），从中了解到Blob对象只是二进制数据的容器，本身并不能操作二进制，故本篇将对其操作

    心已赠人心已赠人/ 0 赞/ 20 阅读

    相关 HTML5中FormData对象的使用

    FormData对象是HTML5的一个对象，目前的已经可以兼容一些主流的浏览器。当然了，如果你的项目还需要兼容IE8之类的低版本浏览器，这个好用的方法注定与你无缘啦。（不过你可

    我就是我我就是我/ 0 赞/ 341 阅读