文件上傳通過Ajax

Question

以下是我的AJAX功能

$(document).on('click','.formsubmitbtn',function(){ 
    var owner = $("#formowner").val(); 
    var remark = $("#formremark").val(); 
    var unreline_id = $("#formurelineid").val(); 
    var cat = $("#formcat").val(); 
    var action = $(this).attr('action'); 
    var doc = $("#doc").val(); 
    $.ajax({ 
    "url":"{{url('formsubmit')}}", 
    "type":"POST", 
    "data":{ 
     "owner":owner, 
     "remark":remark, 
     "unreline_id":unreline_id, 
     "cat":cat, 
     "action":action, 
     "doc":doc 
    }, 
    success:function(result){ 
     console.log(result); 
    } 
    }); 
}); 

其中DOC是一個文件。

如何將文件值發送到控制器。

Plz help。

Answer 1

這樣做。

<form id="upload"> 
    <input type="file" name="file"> 
    <button type="submit">Upload</button> 
    </form> 

<script> 
$(document).ready(function() { 
    $("#upload").submit(function(e){ 
     e.preventDefault(); 
     var form=($(this)[0]); 
     var formdata=new FormData(form); 
     $.ajax({ 
        url:'url.php',//url to route for a controller 
        type:'POST', 
        data:formdata, 
        enctype:'multipart/form-data', 
        processData:false, 
        contentType:false, 
        success:function(data){ 
        //if upload will succesful 
        }, 

        error: function (data) { 
        //if upload fails 
        } 
     }); 
    }); 
    }); 
</script>