jquery 上传图片 裁剪

jQuery是一种流行的JavaScript库，用于简化HTML文档遍历和操作、事件处理、动画和Ajax等特效功能。它也可以用于上传图片和裁剪。

上传图片功能通常需要使用ajax，而jQuery中提供了便捷的ajax方法。以下是一段示例代码：

$（'#fileupload'）。fileupload（{
    url：'upload.php'，
    dataType：'json'，
    done：function（e，data）{
        //上传完成后的操作
    },
    progressall：function（e，data）{
        //上传进度
        var progress = parseInt(data.loaded / data.total * 100，10)；
        $（'#progressbar'）。css（'width'，progress + '%'）。
    }
}）；

裁剪图片时，可以使用一些jQuery插件，例如Jcrop和ImageAreaSelect。以下是使用Jcrop的示例代码：

$（'img'）。Jcrop（{
    aspectRatio：1，
    onSelect：function（c）{
        //选中区域发生变化后的操作
        $（'#x'）。val（c.x）；
        $（'#y'）。val（c.y）；
        $（'#w'）。val（c.w）；
        $（'#h'）。val（c.h）；
    }
}）；

以上代码中，我们选择图片并使用Jcrop插件实现图片裁剪。aspectRatio指定裁剪区域的宽高比，onSelect方法则在选择区域发生变化时更新表单中的裁剪参数。