1. 程式人生 > >jquery提交帶上傳檔案的form表單

jquery提交帶上傳檔案的form表單

1、首先需要引入jquery-form.js

提交的程式碼如下:

   新增一個onclick事件呼叫 ajaxForm()這個函式即可

          function ajaxForm() {
       var option = {
            url : '__CONTROLLER__/addImg/id/<?php echo $id ?>',
            type : 'POST',
            dataType : 'json',
            headers : {"ClientCallMode" : "ajax"}, //新增請求頭部
             success: function(data){
                    if(data.code == 1){
                        layer.msg(data.msg,{icon:1,time:1000},function(){
                                window.parent.location.reload();
                                var index = parent.layer.getFrameIndex(window.name);
                                parent.$('.btn-refresh').click();
                                parent.layer.close(index);  
                        });
                    }else{
                        layer.msg(data.msg,{icon:2,time:1000});
                    }
                }
       };
      $("#userForm").ajaxSubmit(option);
      return false; //最好返回false,因為如果按鈕型別是submit,則表單自己又會提交一次;返回false阻止表單再次提交