Javascript 如何使用codeignitier上传ajax文件
我正在尝试使用ajax在codeignitier中上传图像 问题在于ajax不会向控制器发送任何数据Javascript 如何使用codeignitier上传ajax文件,javascript,jquery,html,ajax,codeigniter,Javascript,Jquery,Html,Ajax,Codeigniter,我正在尝试使用ajax在codeignitier中上传图像 问题在于ajax不会向控制器发送任何数据 这是我的密码: $(“#文件输入”).change(函数(e){ $.ajax({ url:“ControllerEditor/uploadImageUserAjax”, 类型:“POST”, 数据:新表单数据(本), mimeType:“多部分/表单数据”, contentType:false, cache:false, processData:false, 成功:功能(数据) { 如果(数
这是我的密码:
$(“#文件输入”).change(函数(e){
$.ajax({
url:“ControllerEditor/uploadImageUserAjax”,
类型:“POST”,
数据:新表单数据(本),
mimeType:“多部分/表单数据”,
contentType:false,
cache:false,
processData:false,
成功:功能(数据)
{
如果(数据)
{
控制台日志(数据);
}
//$(“#targetLayer”).html(数据);
},
错误:函数()
{
}
});//结束ajax
}); //结束提交
添加图像
替换以下代码
data: new FormData(this),
和
data : new FormData($('#form-uploadImage')[0]),
我希望这对你有帮助
谢谢。你可以试试这个!希望对你有帮助
<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!");
}
}
添加图像
函数uploadImage(){
如果(FormData的类型!==‘未定义’){
//发送表单数据
var formData=新formData($(“#formID”)[0]);
$.ajax({
url:baseUrl+‘uploadImage’,//控制器url
键入:“POST”,
数据:formData,
async:false,
cache:false,
contentType:false,
processData:false,
成功:功能(数据){
成功功能(数据);
}
});
}否则{
消息(“您的浏览器不支持FormData API!请使用IE 10或更高版本!”);
}
}