js实现图片上传时限制图片大小

我看了许多网上代码，都在说用image对象实现，但是我用 vs的asp.net 都没法实现。

8 个解决方案

#1

没人啊 

#2

用控件吧
baidu google flash 上传文件

#3

但是我已经用JS代码实现了预览不想在改了 各位大神帮帮忙吗 O(∩_∩)O谢谢

#4

引用 3 楼  的回复:

但是我已经用JS代码实现了预览不想在改了 各位大神帮帮忙吗 O(∩_∩)O谢谢

忘了说我 用JS实现了图片上传时的预览和格式的判断
    //上传头像的浏览
    function up_file() {
        document.getElementById("but_local_save").style.display = "block";
        document.getElementById("current_head_img").style.display = "block";
        
        var headfile = document.getElementById("upfile");
        var imgfile = document.getElementById("current_head_img");
        //允许上传图片的格式为jpg.gif.png.jpeg
        var img_url = headfile.value;
     
        var points = img_url.substring(img_url.lastIndexOf("."), img_url.length);
        var point = points.toLowerCase();
        if ((point != ".jpg" )&&(point != ".gif" )&&( point != ".jpeg" )&&( point != ".png" )) {
        {
            alert("请选择jpg或gif或jpeg或png格式的文件!")
            headfile.focus();
        }
        //限制上传的图片大小
       
        else {
            if (headfile.files && headfile.files[0]) {
                //火狐下的查看
                imgfile.src = window.URL.createObjectURL(headfile.files[0]);
            }
            else {
                //IE下使用滤镜。
                headfile.select();
                var imgsrc = document.selection.createRange().text;
                //var localimgid = document.getElementById("current_head_local");
                var localimgid = document.getElementById("current_head_img");
                //图片异常的捕捉，防止用户修改后缀来伪造图片
                try {
                    localimgid.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
                    localimgid.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgsrc;
                }
                catch (e) {
                    alert("您上传的图片格式不正确，请重新选择!");
                    return false;
                }
                document.selection.empty();
            }
            return true;
        }
      }
//这是html
  
        <div class="current_head_local" id="current_head_local">
        <img id="current_head_img" src="#" alt=""/></div>
  <div class="upfile_head" id="upfile_head">
            <input  type="file" id="upfile"  class="upfile" onchange="up_file()"/>
        </div>

#5

以上都是在 asp.net里面写的 各位帮帮忙 帮我想一下上传时大小该怎么限制

#6

本帖最后由 net_lover 于 2012-05-10 15:08:00 编辑

headfile.files[0].size

就是大小，你判断下

ie可以使用

document.getElementById("current_head_img").fileSize

如果这个不能使用，则没有办法
最好采用Flash上传
既然你不想改了，只能这样了

#7

火狐中可以了，但ie还不行我在想想办法O(∩_∩)O谢谢了

#8

html 5有这个功能