Question

如果您在jQuery Cropit中查看默认设置，可以使用以下代码

   <div class="image-editor">
      <div class="cropit-image-preview"></div>
      <div class="image-size-label"> Resize image </div>
      <input type="range" class="cropit-image-zoom-input">
      <input type="hidden" name="image-data" class="hidden-image-data" />
      <input type="file" class="cropit-image-input">
      <button type="submit">Submit</button>
    </div>

是的，它使用输入文件上传新图像。但是，我想在没有输入文件的情况下插入我的图像，我需要插入输入文本并解析一些URL。我怎么能这样做？

Answer 1

// Sets image source.
$imageCropper.cropit('imageSrc', 'http://placekitten.com/g/1280/800');

来源：Cropit Documentation

所以你要做的就是添加一个文本输入，然后使用该值（其中值是图像文件的url）：

$imageCropper.cropit('imageSrc', $('#myinput').val());

如何在没有输入文件的jQuery Cropit中插入图像

1 个答案: