ajax实现表单上传多个文件

   2020-11-05 11:37:06

javascript

表单如下:

<form id="addForm" name="addForm" method="POST" action="" enctype="multipart/form-data">
    <input type="file" name="file[]"  id="upload_file_more"  multiple="multiple"/>
    <input type='button' name='import' value='提交'  onclick="javascript:import_func();">
</form>

js:

<script>
function import_func(){
    let data = new FormData($('#addForm')[0]);
    $.ajax({
        url:url,
        data: data,
        type: "POST",
        dataType: "text",
         //上传文件无需缓存
        cache: false,
         //用于对data参数进行序列化处理 这里必须false
        processData: false,
         //必须
        contentType: false, 
         success: function (res) {
           	console.log(res);
         },
         error: function (err) {
           	console.log(err);
         },
     })
}
</script>

php:

直接使用 $_FILES 接收即可