码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript input type=file 获取文件大小及类型限制

时间:2015-04-21 11:26:55      阅读:297      评论:0      收藏:0      [点我收藏+]

标签:input file 文件 图片 大小 类型 限制


html 代码:

<input name="txtName" type="file" id="pic" onchange="loadImage(this)"/>

JavaScript代码:

function loadImage(img) {
            var filePath = img.value;
            var fileExt = filePath.substring(filePath.lastIndexOf("."))
                .toLowerCase();

            if (!checkFileExt(fileExt)) {
                alert("您上传的文件不是图片,请重新上传!");
                img.value = "";
                return;
            }
            if (img.files && img.files[0]) {
//                alert(img);
//                alert(img.files[0])
                alert(‘你选择的文件大小‘ + (img.files[0].size / 1024).toFixed(0) + "kb");
//                var xx = img.files[0];
//                for (var i in xx) {
//                    alert(xx[i])
//                }
            } else {
                img.select();
                var url = document.selection.createRange().text;
                try {
                    var fso = new ActiveXObject("Scripting.FileSystemObject");
                } catch (e) {
                    alert(‘如果你用的是ie8以下 请将安全级别调低!‘);
                }
                alert("文件大小为:" + (fso.GetFile(url).size / 1024).toFixed(0) + "kb");
            }
        } 
        function checkFileExt(ext) {
            if (!ext.match(/.jpg|.gif|.png|.bmp/i)) {
                return false;
            }
            return true;
        }


本文出自 “IT精英的集中区” 博客,请务必保留此出处http://msuccess.blog.51cto.com/5486886/1636377

JavaScript input type=file 获取文件大小及类型限制

标签:input file 文件 图片 大小 类型 限制

原文地址:http://msuccess.blog.51cto.com/5486886/1636377

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!