## 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, }); } } }) }) ~~~