javascript - 使用 jQuery 和 PHP 上传大图像

Question

我正在使用 jQuery 和 PHP 将图像上传到服务器并返回裁剪图像的 JSON。
我的 JavaScript 代码是:

$('document').ready(function () {

            $('#stat').hide();

            $('#file').on('change', function () {
                var fd = new FormData($('#target')[0]);
                $('#display > img').remove();
                $('#stat').show();

                $.ajax({
                    url: '<?php echo base_url('crop/upload') ?>',
                    type: "POST",
                    data: fd,
                    timeout: 1000 * 100,
                    contentType: false,
                    processData: false,
                    success: function (data, textStatus, jqXHR) {

                        $('#stat').hide();
                        $('div > img').remove();
                       console.log(data);
                        console.log(data[1].thumb);
                        $('#display > img').remove();
                        var img = $('<img>');
                        img.attr('src', data[1].thumb);
                        img.appendTo('#display')
                    },
                    error: function (jqXHR, textStatus, errorThrown) {
                       console.log(textStatus);
                    },
                    dataType: 'json'
                })

            })

        })

但是每当图像大小大于 2 MB 时，我就会在 JS 控制台中看到解析错误。我尝试设置超时，但没有成功。

有什么问题吗？浏览器是否设置超时？

如何让用户上传大图像时不会出现解析错误？

Answer 1

增加为 PHP 分配的内存将解决该问题。

你可以通过以下方式做到这一点:

1-编辑php.ini

内存限制=128M;或者将下面的代码放入.htaccess

php_value memory_limit 128M

2-如果您经常遇到此错误并且上述解决方案不起作用，请联系您的主机。在大多数共享主机中，都有最大内存限制。如果您的内存上限为 32Mb，则无法将内存限制设置为 64Mb。