如何使用jQuery获取上传的文件？

Question

我正在使用Symfony3建立一个个人资料制定者表单，而且我一直坚持使用化身。

头像字段是标准的Symfony3文件表单字段，可以正常工作。

这是一些代码。

在实体文件（Profile.php）中：

/**
 * @ORM\Column(type="string", nullable=true) 
 * @Assert\File(
 *      mimeTypes={"image/jpeg", "image/jpg", "image/bmp", "image/tiff"},
 * )
 */
private $avatar;

在树枝模板（profile_edit.html.twig）

中

{{ form_row(form.avatar) }}

当用户上传图片文件时，我希望图片显示在div上，然后使用Jcrop。然后，应将裁剪后的图像发送到表单。

如何使用jQuery获取上传的文件进行编辑？
如何使用jQuery设置Symfony上传的文件格式？

PS：由于某些原因，我现在很难在我的Symfony配置中包含任何其他Bundle。