Jquery 通过ajax向WCF发送图像时出错
这是我的表格:Jquery 通过ajax向WCF发送图像时出错,jquery,file-upload,multipartform-data,form-data,Jquery,File Upload,Multipartform Data,Form Data,这是我的表格: <form id="register" enctype="multipart/form-data"> <input type="text" name="first_name" placeholder="First Name" id="first_name" /> <input type="text" name="last_name" placeholder="Last Name" id="last_name" />
<form id="register" enctype="multipart/form-data">
<input type="text" name="first_name" placeholder="First Name" id="first_name" />
<input type="text" name="last_name" placeholder="Last Name" id="last_name" />
<input type="text" name="input_email" placeholder="Confirm your email" id="input_email" class="loginEmail" />
<input type="password" name="input_password" placeholder="Password" id="input_password" class="loginPassword" />
<input type="password" name="repeat_password" placeholder="Repeat password" id="repeat_password" class="loginPassword" />
<input type="file" name="image_file" id="image_file" />
<div class="logControl">
<div class="memory"></div>
<input type="submit" name="submit" value="Register" class="buttonM bBlue" id="register_submit"/>
<div class="clear"></div>
</div>
<p><h3>Or click <a href="login.html">here</a> to login</h3></p>
</form>
或单击以登录
下面是我进行的jquery调用:
function WCFJSON() {
$(".memory").html('<img src="images/elements/loaders/7s.gif" />');
Data = new FormData($('form')[0]);
$.ajax({
type: 'POST', //GET or POST or PUT or DELETE verb
url: "WCFService/Service.svc/Register", // Location of the service
data: Data, //Data sent to server
async:false,
cache:false,
contentType: false, // content type sent to server
dataType: "json", //Expected data format from server
processdata: false, //True or False
success: function(msg) {//On Successfull service call
...
},
error: ...// When Service call fails
});
}
$(document).ready(function(){
$("#register").submit(function(){
WCFJSON();
return false;
});
});
函数WCFJSON(){
$(“.memory”).html(“”);
数据=新表单数据($('form')[0]);
$.ajax({
键入:“POST',//获取或发布或放置或删除动词
url:“WCFService/Service.svc/Register”//服务的位置
data:data,//发送到服务器的数据
async:false,
cache:false,
contentType:false,//内容类型已发送到服务器
数据类型:“json”,//服务器的预期数据格式
processdata:false,//True或false
success:function(msg){//On Successfull service call
...
},
错误:…//当服务调用失败时
});
}
$(文档).ready(函数(){
$(“#寄存器”).submit(函数(){
WCFJSON();
返回false;
});
});
现在,当我提交表单时,页面将刷新url中的get元素。但是,如果我从表单中删除文件输入,jquery可以正常工作。检查此项,上面的代码与上面链接中的代码完全相同。帮我解决这个问题。当我删除文件输入字段时,jquery工作正常。但是对于文件输入字段,$.ajax中发生了某种错误,该控件甚至没有传递给错误事件。因此,我无法检查$.ajax事件中的错误发生位置。