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

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文档

因此，您要做的就是添加一个文本输入，然后使用该值（该值是图像文件的url）：

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