Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ajax/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在ajax函数中添加上载图像函数?_Ajax_Codeigniter 2 - Fatal编程技术网

如何在ajax函数中添加上载图像函数?

如何在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 =

我这里有一个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 = jQuery('#registration-form').serialize();
    lytebox.show({message:'Please wait...', align: 'center', closeButton: false});
    jQuery.post('ajax/register', params + '&registered=' + 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事件,它告诉您上传已完成并成功,现在您可以根据您的业务需求保存表单的其余部分。

那么我将如何做到这一点?先上传图像?准确地说,先上传图像,请参见编辑。