$("#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=" 添加店铺 ">添加店铺</a> </div> </div>
获取上传文件 id selectfiles 判断选择的文件,图片是否大于10m,大于10m alert 提示错误信息,不大于10m,发送异步ajax请求后台接口