如何使用冯元晨的Cropper用javascript检索toDataURL字符串

我用的是冯元辰（github）的精彩裁剪器，我只专注于一个小细节。任何使用过这个组件的人都可以给我看一两行javascript/jquery，让我从裁剪后的图像中获取toDataURL字符串到文本框中吗？我已经尝试了其他线程中的所有示例，但仍然无法获取字符串

以下是我的html页面：

    <div class="img-container">
      <img id="image" src="../Crop/test.jpg" alt="Picture" runat="server" />
    </div>

  <div class="col-md-3">
    <!-- <h3 class="page-header">Preview:</h3> -->
    <div class="docs-preview clearfix">
      <div class="img-preview preview-lg"></div>
      <div class="img-preview preview-md"></div>
      <div class="img-preview preview-sm"></div>
      <div class="img-preview preview-xs"></div>
    </div>

有人能告诉我JQuery或javascript代码应该是什么样子才能获得裁剪图像的“toDataURL”字符串吗？我当前的脚本和我测试过的很多变体都不起作用：-(

函数运行（）{
var service=new CardsWCFAjax.UploadService（）；
变量$selector=$（“.image”）；
var canvas=$（$selector）.crapper（'getcrappedcanvas'）；
var image=canvas.toDataURL（'image/png'）；
image=canvas.replace（'data:image/png；base64'，''）；
GetData（image，onSuccess，null，null）；
}

您有：

 var canvas = $($selector).cropper('getCroppedCanvas');

改为：

 var canvas = $selector.cropper('getCroppedCanvas');

如果文档是正确的（），则返回的值是

HTMLCanvasElement

，因此它可以完美地用于：

 var canvas = $selector.cropper('getCroppedCanvas');
 var dataURL = canvas.toDataURL();

更多信息：

---

@Roamer-1888阅读了我随附的文档。它清楚地说：

（返回值）：键入：htmlcanvaseElement绘制裁剪图像的画布。

好的，没问题：）谢谢，至少我能做：-）您的裁剪图像出现在画布上了吗？在

canvas.toDataURL

之后，开发人员控制台中是否出现安全错误？

 var canvas = $selector.cropper('getCroppedCanvas');
 var dataURL = canvas.toDataURL();