上传图片时jCrop？

Question

如何编辑这个小提琴，以便用户可以上传图像，然后他可以调整大小并进行预览？

我有这个小提琴：

https://jsfiddle.net/dekkard/trbqhb55/

现在它的图像已经上传了。有什么建议吗？ 问题在于真实尺寸，我需要获得自然宽度和自然高度，但图像尚未上传。

 $.Jcrop('#imgcrop',{
      trueSize: [$('#imgcrop')[0].naturalWidth,$('#imgcrop')[0].naturalHeight],
      onSelect: getcroparea,
      onChange: updatePreview,
      aspectRatio: 1,
      setSelect: [80, 45, 100, 100]
    });