注入裁剪文件作为输入：文件值

Question

我正在使用jQuery Croppie lib来裁剪用户的上传文件。当用户上传文件时，我打开用户可以裁剪图像的模态。之后我想将这个裁剪后的图像设置为文件输入值，以便用户可以在一切准备就绪时提交表单，但我不知道如何“设置”裁剪后的图像作为输入值。

这是我的代码。

@Produces(MediaType.APPLICATION_OCTET_STREAM)

Answer 1

不是将其作为文件附件，而是为bas64编码的blob数据创建隐藏字段。

        var reader = new FileReader();

        reader.onload = function (e) {
            $uploadCrop.croppie('bind', {
                url: e.target.result
            }).then(function(blob) {
                $('#hiddenContent').val(btoa(blob));
            });
        };

而不是在服务器端，请阅读此base64编码的图像内容并将其放入新文件。

警告代码未经过测试。