使用Filereader,jQuery,Ajax和PHP上传图像。图片对于Post来说太大了?

时间:2014-04-09 07:42:05

标签: javascript jquery ajax filereader

使用jquery ajax post请求将图像内容从客户端js端发送到服务器php端时出现问题。

我使用以下代码读取文件dataurl:

this.readFile = function(file, onLoadCallback){
    var reader = new FileReader();
    reader.onload = onLoadCallback;
    reader.readAsDataURL(file);
};

它工作正常。

现在我想将数据传输到服务器并保存图像,但如果图像大于800kB,则ajax请求成功而不发送数据。在php方面,我得到一个空字符串。

的Ajax:

function uploadImage(num){

    var data_ob = {
        pic_name : images[num].getFilename(),
        gallery : $("#gallery_id").val(),
        pic_data : images[num].getPrev().split("base64,")[1]
    };
    $.ajax({
       url: "<?php echo(base_url());?>index.php/uploadImage",
       data: {
           data: JSON.stringify(data_ob)
       },
       type: 'POST',
       dataType: 'TEXT',
       async: false,
       timeout: 100000
    }).success(function(e){

    }).error(function(e){
        alert(e);
    });
}

浏览器:Firefox,Chrome PHP框架:CodeIgniter CSS框架:基础工作 jQuery 2.1.0

post_max_size = 8M

结果,小图片: Picture

结果,放大图像: Picture

0 个答案:

没有答案