Question

假设我从桌面上传了一些图像文件（使用一些jquery plugin），在我将其发送到服务器之前，我想裁剪图像。如何从输入文件中获取文件URL（以便将图像放入窗口并裁剪）然后如何将输入文件数据输入到我的图像的新大小？因为我出于安全原因读到了这可能是不可能的

Answer 1

我前段时间做过这个。我使用了一个名为JCrop的插件来裁剪我的图像。它真的很棒。

一个简单的例子：

让我们假设我们的图像是我们的标记：

<img src="flowers.jpg" id="target" />

要将其转换为Jcrop小部件，请插入以下脚本：

<script language="Javascript">
    jQuery(function($) {
        $('#target').Jcrop();
    });
</script>

此脚本将执行以下操作：