通过jQuery ajax提交<img/>？

Question

我的页面有一个文件输入。当用户上传照片时，他们会裁剪照片并将结果存储在img元素中（使用FileReader）。

如何通过jQuery ajax提交此图像？

修改

我得到了一些工作。但是有两个问题。首先，图像文件的大小非常大（600x600图片几乎为1MB）。
其次，我不确定如何在PHP中验证上传的文件是图像。

$pic = $_POST['pic'];

$pic = str_replace('data:image/png;base64,', '', $pic);
$pic = str_replace(' ', '+', $pic);
$pic = base64_decode($pic);

$path = "c:/wwwroot/images/img.jpg";

file_put_contents($path,$pic);