Javascript PHP提交带有base64图像的表单导致chrome内存增加

这是我的密码

表格：

{{csrf_field（）}}
上传封面
@如果（设置（$brand->cover->url））
封面->url}“alt=”“width=“15%”
style=“页边距底部：10px；">
@恩迪夫
调整图像大小

我正在使用这个插件：

$（'.cover editor'）.cropit（{width:640，height:360，exportZoom:3，maxZoom:3}）；
$（'#form'）。在（'submit'，函数（）{
$（'.cover'）.val（$（'.cover editor'）.cropit（'export'））；
});

提交表单时，我的chrome内存使用量突然从100mb激增到2gb

---

有什么解决方案吗？

图像大小是多少？261kb.1920*1080px@dainisabolsd这只会发生在chrome上吗？其他浏览器呢？@LukasMeine只会发生在chrome上。我试过使用FF。它稳定在300mb-400MB欢迎使用chrome，它对RAM的胃口很大。

<form action='/tests' method="POST" enctype="multipart/form-data">
    {{ csrf_field() }}
    <div class="form-group">
        <label class="col-md-2 control-label">Upload Cover</label>
        <div class="col-md-10">
            @if(isset($brand->cover->url))
                <img src="{{ $brand->cover->url }}" alt="" width="15%"
                     style="margin-bottom: 10px;">
            @endif

            <div class="cover-editor">
                <input type="file" class="cropit-image-input">
                <div class="cropit-preview"></div>

                <div class="image-size-label">
                    Resize image
                </div>
                <input type="range" class="cropit-image-zoom-input">
                <textarea name="cover" class="cover" v-show="false"></textarea>
            </div>

        </div>
    </div>
</form>

<script>
    $('.cover-editor').cropit({width: 640, height: 360, exportZoom: 3, maxZoom: 3});

    $('#form').on('submit', function () {

        $('.cover').val($('.cover-editor').cropit('export'));
    });
</script>