js 获取input选择的图片的信息

Posted 2020-08-04 Wowo丶

1JS

 $("#btn").click(function () {
                var imageEle = document.getElementById("images");//jquery 无法获取到
               // 获取文件上传域内输入的多个文件  
                var fileList = imageEle.files;
                //遍历每个文件  
                for (var i = 0; i < fileList.length; i++) {
                    var file = fileList[i];
                   // div = document.createElement("div");
                   // div.innerhtml = "第" + (i + 1) + "个文件的文件名是：" + file.name + ",该文件类型是:" + file.type + ",该文件大小为:" + file.size;
                    //把div元素添加到页面中  
                    // document.body.appendChild(div);
                    alert("类型"+file.type+"名字"+file.name+"修改时间"+file.name+file.lastModifiedDate+"大小"+Math.floor(file.size/1024)+"kb");
                }

　　2：

  <input type="text" id="txt"/>
    <input type="file" id="images"  accept="image/*" />
    <div id="image-wrap"></div>
    <input type="button" id="btn" value="显示" />