使用ajax将表单数据发送到另一个页面

时间:2013-11-27 04:42:48

标签: jquery multipartform-data

我正在制作一个图像上传系统,当我选择文件时,我想将表格的数据发送到另一个页面,以便我可以处理所需的其他功能。我尝试了Serialize但是我没有工作,我现在正在尝试FormData,但它也不起作用。我的代码是

$(document).ready(function () {

$("form#cropimage").submit(function(e){
e.preventDefault();
var data = new FormData();
jQuery.each($(this)[0].files, function(i, file) {
    data.append('file-'+i, file);
});
$.ajax({
    url: 'modules/uploader/ajax_image.php',
    data: data,
    cache: false,
    contentType: false,
    processData: false,
    type: 'POST',
    success: function(data){
        alert(data);
    }
});
    });
    });

html

<form id="cropimage" method="post" enctype="multipart/form-data">
    Upload your image <input type="file" name="photoimg" id="photoimg" />
    <input type="hidden" name="image_name" id="image_name" value="<?php echo $actual_image_name ;?>" />
    <input type="submit" name="submit" value="Submit" />
</form>

我也很困惑如何在另一页上获取这些数据,通常我们使用$_REQUEST但在这种情况下该怎么做。由于存在错误Uncaught TypeError: Cannot read property 'length' of undefined,我似乎无法提醒任何事情。

0 个答案:

没有答案