Question

我有这段代码显示我的croppie对象的裁剪图像结果（resp）。

我想要做的是将裁剪后的图像结果（resp）指定为我的文件输入值（图像）

<input type="file" id="Image" name="Image" onchange="readFile(this)" />
<div id="Display"></div>

<script>
    $('#Upload').on('click', function (ev) {
            $uploadCrop.croppie('result', {
                type: 'canvas',
                size: 'viewport'
            }).then(function (resp) {
                var display = document.getElementById('Display');
                display.innerHTML = '';
                display.innerHTML = '<img src="' + resp + '" />';
            });
        });
</script>

Answer 1

你可以改成这个

<script>
$(document).ready(function () {
    $("#Image").click(function (ev) {
        alert(ev);
        //$uploadCrop.croppie('result', {
        //    type: 'canvas',
        //    size: 'viewport'
        //}).then(function (resp) {
        //    var display = document.getElementById('Display');
        //    display.innerHTML = '';
        //    display.innerHTML = '<img src="' + resp + '" />';
        //});
    });
})

如何上传croppie对象的裁剪图像结果？

1 个答案: