Codeigniter ajax 输入文件收集值

Question

我之前尝试过查看一些示例，但是在 ajax 中，当我们使用表单数据时，我们需要单独序列化它吗？因为我序列化了普通数据并且它很好，但是输入文件类型我不能通过发布他的值，但是如果我打印它正确显示的值但是在具有他的名字引用的数据中不起作用。

我的表单示例代码：

<form id="Add-Form" action="" method="post" class="form-horizontal" enctype="multipart/form-data">
    <div class="form-group">
        <label class="label-control col-md-2"> tt </label>
        <div class="col-md-8">
           <input type="file" id="sd"  name="s" class="btn btn-default" ></input>
        </div>
    </div>

这里是 ajax 部分。

var url = $('#Add-Modal').attr('action');
var data = $('#Add-Form').serialize();

var title = $('input[name=title]');
var body = $('textarea[name=subject]');
var file = $('input[name=s]');

$.ajax({
    type: 'ajax',
    method: 'post',
    url: url,
    data: data,
    async: false,
    dataType: 'json',

Answer 1

使用 ajax 上传图片：

试试这个方法

<form id="Add-Form" action="Your controller method name(Example:<?=base_url().'Test_controller/test_image'?>)" method="post" class="form-horizontal" enctype="multipart/form-data">
    <div class="form-group">
       <label class="label-control col-md-2"> tt </label>
       <div class="col-md-8">
          <input type="file" id="sd"  name="s" class="btn btn-default" ></input>
    <input type="submit" name="submit" value="submit">
       </div>
    </div>
</form>

jQuery 代码：

<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $("#Add-Form").submit(function(e){
            e.preventDefault();
            var formData = new FormData($("#Add-Form")[0]);

            $.ajax({
                url : $("#Add-Form").attr('action'),
                dataType : 'json',
                type : 'POST',
                data : formData,
                contentType : false,
                processData : false,
                success: function(resp) {
                    console.log(resp);                    
                }
            });
        });
    });

</script>

控制器：

function test_image() {
  print_r($_FILES);
}