javascript - codeigniter 中 Ajax Jquery 文件上传错误

Question

我正在尝试在 codeigniter 框架中使用 ajax 上传文件。 但我收到错误消息“您没有选择要上传的文件。” 请检查此代码

查看

<form method="POST" action="" enctype="multipart/form-data" id="file_upload">
<input type="file" id="file-input" name="file">
</form>

JQuery

$("#file-input").change(function() {
    var formData = new FormData($('#file_upload')[0]);    
    $.ajax({
        url : 'do_upload',
        data: formData,
        type:'POST',
        mimeType: "multipart/form-data",
        cache: false,
        contentType: false,
        processData: false,
        //  dataType:'json',
        success:function(data){
            alert(data);
        }
    });
});

Controller

public  function do_upload(){
    $config['upload_path'] = './uploads/';
    $config['allowed_types'] = 'gif|jpg|png';
    $config['max_size'] = '100';
    $config['max_width']  = '1024';
    $config['max_height']  = '768';

    $this->load->library('upload', $config);

    if ( ! $this->upload->do_upload('file'))
    {
        echo  $this->upload->display_errors() ; 
    }
    else
    {
        echo "Uploaded";
    }
}

Answer 1

该 URL 似乎没有指向您创建的页面或函数。试试这个:-

$("#file-input").change(function() {
    var formData = new FormData($('#file_upload')[0]);    
    $.ajax({
        url : '<?php echo base_url('do_upload'); ?>',
        data: formData,
        type:'POST',
        mimeType: "multipart/form-data",
        cache: false,
        contentType: false,
        processData: false,
        //  dataType:'json',
        success:function(data){
            alert(data);
        }
    });
});