js判断上传文件图片大小

$("#btnfile").click(function (){
    var shopName = $("#shopName").val();
    var shopType = $("#shopType").val();
    var catagory = $("#catagory").val();
    var myfile = document.getElementById("selectfiles").files[0];
    var x=document.getElementById("selectfiles").value;

    if(myfile.size>10485760){
        // $('.errHint').show().text('错误!请上传不超过10M的文件');
        alert("'错误!请上传不超过10M的图片");
        return false;
    }else {
        $.ajax({
            type: "POST",
            url: "/xqjr/website/communityshops/insertCommunityShops" ,
            data:{shopName:shopName,catagory:catagory,shopType:shopType},

            success: function(data){
                if(data.code=="200") {
                    layer.msg(data.msg, {icon: 1, time: 1000});
                }
                if(data.code=="500")
                    layer.msg(data.msg,{icon:2,time:1000});
            },
            error : function() {
                alert("异常!");
            }
        });
    }

 if(x=="") {
        alert("请选择文件");
        return false;
    }else {
        var formData = new FormData();
        formData.append('businessLicenseUpload',myfile);

        $.ajax({
            type: 'POST',
            url: '/xqjr/website/file/businessLicenseUpload',
            data:formData,
            processData:false,
            contentType:false,
            success: function(data){
                // alert("1111111");
            },
            error:function(data) {
                console.log(data.msg);
            },
        });
    }
})
 <div class="row cl" style="margin-top:25px">
            <label class="form-label col-xs-4 col-sm-3">请上传营业执照:</label>
            <div id="container" class="formControls col-xs-3 col-sm-3" >
                <input type="file" id="selectfiles"  name="selectfiles"  style="background-color: dodgerblue" />
            </div>
            <label id="console"></label>
        </div>
        <div class="row cl" style="margin-top:25px">
            <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
                <a class="btn btn-primary radius"  type="submit" name ="btnfile" id="btnfile" value="&nbsp;&nbsp;添加店铺&nbsp;&nbsp;">添加店铺</a>
            </div>
        </div>

获取上传文件 id selectfiles 判断选择的文件,图片是否大于10m,大于10m alert 提示错误信息,不大于10m,发送异步ajax请求后台接口

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值