如何在ajax函数中添加上载图像函数?
我这里有一个dilema,我在ajax函数中使用if-else,我有以下代码如何在ajax函数中添加上载图像函数?,ajax,codeigniter-2,Ajax,Codeigniter 2,我这里有一个dilema,我在ajax函数中使用if-else,我有以下代码 function submitForm() { offset = jQuery('#email').offset(); xTop = offset.top - $(window).height()/2 ; posLeft = offset.left - ($(window).width()-765)/2 ; posTop = offset.top; params =
function submitForm() {
offset = jQuery('#email').offset();
xTop = offset.top - $(window).height()/2 ;
posLeft = offset.left - ($(window).width()-765)/2 ;
posTop = offset.top;
params = jQuery('#registration-form').serialize();
lytebox.show({message:'Please wait...', align: 'center', closeButton: false});
jQuery.post('ajax/register', params + '®istered=' + isRegistered, function(data) {
data = eval('(' + data + ')');
if(data.error) {
lytebox.close();
$('#errorHolder').remove();
error = data.remarks;
error +='<img src="images/ttip-arrow.png" id="ttip-arrow"/></div>';
var wrapper = $('.wrapper');
var errorHolder = $('<div id="errorHolder">')
.html(error).appendTo(wrapper);;
errorHolder.css({
'left':posLeft,
'top':posTop-$('#errorHolder').outerHeight()
})
.delay(5500)
.fadeOut(1000);
//$("html, body").animate({scrollTop : xTop},800,function(){me.focus()});
FB.Canvas.scrollTo(0,posTop-100);
jQuery('#email').focus();
} else {
lytebox.close();
//how can i add upload image here and send email function with attach image
$('.notification').remove();
$('#errorHolder').remove();
$('#registration-form').fadeOut(300);
$('.get-started').fadeIn(300);
$('.show-thank-you-register').fadeIn(300);
}
});
函数submitForm(){
offset=jQuery(“#email”).offset();
xTop=offset.top-$(window).height()/2;
posLeft=offset.left-($(窗口).width()-765)/2;
posTop=offset.top;
params=jQuery(“#注册表”).serialize();
show({消息:'Please wait…',对齐:'center',closeButton:false});
post('ajax/register',params+'®isted='+isRegistered,函数(数据){
数据=评估(“(“+数据+”)”);
if(data.error){
lytebox.close();
$('#errorHolder')。删除();
错误=数据。备注;
错误+='';
var wrapper=$('.wrapper');
var errorHolder=$('')
.html(错误).appendTo(包装器);;
errorHolder.css({
“左”:左,
“top”:posTop-$(“#errorHolder”).outerHeight()
})
.延迟(5500)
.衰减(1000);
//$(“html,body”).animate({scrollTop:xTop},800,function(){me.focus()});
FB.Canvas.scrollTo(0,posTop-100);
jQuery(“#email”).focus();
}否则{
lytebox.close();
//如何在此处添加上载图像并发送带有附加图像的电子邮件功能
$('.notification').remove();
$('#errorHolder')。删除();
美元("登记表").淡出(300);;
$('.get start').fadeIn(300);
$('.show thanky you register')。fadeIn(300);
}
});
}
我想在其他部分添加上传图像功能和电子邮件发送功能。。请务必帮助我有一个用于序列化表单数据的序列化常量 以下元素不是序列化的正确候选元素
<input type="file"/>
因此,它不能包含在jQuery(“#注册表”)中;方法
所以不能使用图像字节的序列化将图像数据提交到服务器
或者,您可以使用ajax post调用上载控件以上载图像。有关更多信息,请访问以下url
编辑
上传您的图像第一次uplodify有一个onComplete事件,它告诉您上传已完成并成功,现在您可以根据您的业务需求保存表单的其余部分。那么我将如何做到这一点?先上传图像?准确地说,先上传图像,请参见编辑。