## ajax 异步提交默认是不带上传图片 类型的功能，如果要实现上传功能 需要在ajax 带下面参数 # Html 处理代码 ~~~ <form method="post" id="register" class="form-horizontal" style="padding-bottom: 0px" > <div class="card" style="padding-bottom: 100px"> <div class="card-header"> 文章添加 </div> <div class="card-block"> <div class="form-group mt-4 "> <label class="col-sm-3 control-label">文章标题</label> <div class="col-sm-7"> <input type="text" name="title" class="form-control" required> </div> </div> </div> <div class="card-block"> <div class="form-group mt-4 "> <label class="col-sm-3 control-label">文章栏目</label> <div class="col-sm-7"> <div class="input-group "> <select class="custom-select" id="inputGroupSelect01" name="cate_id"> <option selected=""><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">选择...</font></font></option> {foreach $categorys as $v} <option value="{$v['id']}"><font style="vertical-align: inherit;"> <font style="vertical-align: inherit;">{$v['name']}</font></font></option> {/foreach} </select> </div> </div> </div> </div> <input type="text" hidden name="{$Think.session.uid}"> <div class="card-block"> <div class="form-group mt-4 "> <label class="col-sm-3 control-label">文章图片</label> <div class="col-sm-7"> <div class="input-group "> <div class="custom-file"> <input type="file" name="title_img" id="title_img" /> </div> </div> </div> </div> </div> <div class="card-block"> <div class="form-group mt-4 "> <label class="col-sm-3 control-label">文章内容</label> <div class="col-sm-7"> <div id="editormd"> <textarea style="width: 600px;height: 200px;" name="content"></textarea> </div> </div> </div> </div> <div class="text-center "> <button type="button" class="btn btn-success" id="reg">发布文章</button> <button type="button" class="btn btn-danger " id="ret">重新输入</button> </div> </div> </form> ~~~ ~~~ # js处理代码 $('#reg').click(function () { //获得全部表单数据 let data = new FormData($("#register")[0]); $.ajax({ type: 'post', url: "{:url('/article')}", data:data, contentType: false, //不设置内容类型 processData: false, //不处理数据 async: false，//同步数据 dataType: 'json', success: function(data){ if (data.status ==1) { swal({ text: data.message, icon: "success", button: false }); function success() { window.location.href= "{:url('index/index')}" } setTimeout(success,2000) }else{ swal({ text: data.message, icon: "warning", button: false, }); } } }) }) ~~~