javascript - 如何使用codeigniter上传ajax文件

Question

我正在尝试使用ajax在codeignitier中上传图像问题是ajax不会向 Controller 发送任何数据
这是我的代码:

$("#file-input").change(function(e) {
        $.ajax({			
            url: "<?php echo base_url(); ?>ControllerEditor/uploadImageUserAjax",
			type: "POST",
			data:  new FormData(this),
			mimeType:"multipart/form-data",
            contentType: false,
            cache: false,
            processData:false,
            success: function(data)
            {
				if(data)
				{
					console.log(data);
				}
//            $("#targetLayer").html(data);
            },
            error: function() 
            {
            }           
       });//end ajax
    }); //end submit

<form id="form-uploadImage" action="ControllerEditor/uploadImageUserAjax" method="post" enctype="multipart/form-data">
<div class="image-upload">
<label for="file-input">
<img src="asset/globalimage/addIcon.png"/>
</label>
<input id="file-input" name='file-input' type="file"/><br>
Add Image
</div>
</form>

Answer 1

替换下面的代码

data:  new FormData(this),

与

data : new FormData($('#form-uploadImage')[0]),  

希望这对您有帮助。

谢谢。