如何上传与codeignitier

Question

IM AJAX文件试图用ajax 问题是在阿贾克斯不会将任何数据发送到控制器
此处上传图像codeignitier是我的代码：

$("#file-input").change(function(e) { 
 
     $.ajax({ \t \t \t 
 
      url: "<?php echo base_url(); ?>ControllerEditor/uploadImageUserAjax", 
 
\t \t \t type: "POST", 
 
\t \t \t data: new FormData(this), 
 
\t \t \t mimeType:"multipart/form-data", 
 
      contentType: false, 
 
      cache: false, 
 
      processData:false, 
 
      success: function(data) 
 
      { 
 
\t \t \t \t if(data) 
 
\t \t \t \t { 
 
\t \t \t \t \t console.log(data); 
 
\t \t \t \t } 
 
//   $("#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]), 

我希望这会帮助你。

谢谢。

Answer 2

你可以试试这个！希望这对您有所帮助

<form enctype="multipart/form-data" accept-charset="utf-8" name="formname" id="formname" method="post" action=""> 
<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> 



function uploadImage() { 

    if (typeof FormData !== 'undefined') { 

     // send the formData 
     var formData = new FormData($("#formID")[0]); 

     $.ajax({ 
      url : baseUrl + 'uploadImage', // Controller URL 
      type : 'POST', 
      data : formData, 
      async : false, 
      cache : false, 
      contentType : false, 
      processData : false, 
      success : function(data) { 
       successFunction(data); 
      } 
     }); 

    } else { 
     message("Your Browser Don't support FormData API! Use IE 10 or Above!"); 
    } 
}