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

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="显示" />

  

时间: 2024-10-14 10:51:42

js 获取input选择的图片的信息的相关文章

JS 获取浏览器和屏幕宽高信息(转载)

JS 获取浏览器和屏幕宽高信息 网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可见区域宽:document.body.offsetWidth (包括边线的宽)网页可见区域高:document.body.offsetHeight (包括边线的宽)网页正文全文宽:document.body.scrollWidth网页正文全文高:document.body.scrollHeight网页被卷去的高:documen

js获取当前页面url网址等信息

使用js获取当前页面的url网址信息. 1.设置或获取整个 URL 为字符串: window.location.href 2.设置或获取与 URL 关联的端口号码: window.location.port 3.设置或获取 URL 的协议部分 window.location.protocol 4.(www.jbxue.com)设置或获取 href 属性中跟在问号后面的部分 window.location.search 5.获取变量的值(截取等号后面的部分) var url = window.lo

js获取input长度并根据页面宽度设置大小

1. js获取页面宽度高度及屏幕分辨率 网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.body.offsetHeight (包括边线的宽) 网页正文全文宽:document.body.scrollWidth 网页正文全文高:document.body.scrollHeight 网页被卷去

js获取input文本框内容问题

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><td><input type="text" name="username" placeholder="请输入用户名&

js 获取input type=&quot;file&quot; 选择的文件大小、文件名称、上次修改时间、类型等信息

<html xmlns="http://www.w3.org/1999/xhtml">   <head runat="server">   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />   <title></title>   </head>   <body&

js获取input上传图片装换为base64格式图片

<input name="upimage" id="upload_file" type="file"> <img src="/img/touxiang.jpg" id="showImage" ><br /><br /> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js&q

js 获取input file路径改变图像地址

html代码 <img id="newImage" alt="100x100" src="__PUBLIC__/img/1.jpg" class="img-circle" width="100px" height="100px" > <input id="image" type='file' name='myFile' size='15' oncha

JS 获取浏览器和屏幕宽高信息

网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可见区域宽:document.body.offsetWidth (包括边线的宽)网页可见区域高:document.body.offsetHeight (包括边线的宽)网页正文全文宽:document.body.scrollWidth网页正文全文高:document.body.scrollHeight网页被卷去的高:document.body.scrollTop

js 获取input 中name值的问题

获取单选按钮选中的name值 :var replyidRadio =  $("input[name='replyidRadio']:checked").val(); 获取checkbox选中的name值 checkval = $("input:checkbox[name='check[]']:checked").map(function(index,elem) { return $(elem).val(); }).get().join(',');