Croppie上的默认图像

时间:2017-01-23 19:04:22

标签: jquery html

我想在为jquery加载croppie插件时设置默认照片。

$(function() {
var basic = $('#upload-demo').croppie({
viewport: {
  width: 150,
  height: 150,
  type: "circle"
}
});
basic.croppie('bind', {
  url: $('#default-foto').html() ,
  points: [77, 469, 280, 739]
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/croppie/2.3.0/croppie.min.js"></script>

<div id='default-foto' class='hidden'>3314b70b13c1df9418fc2e81acc1490eb0fd1bfb.png</div>
<div id='upload-demo'></div>

我不知道我离结果有多近/远。

提前感谢您的帮助。

1 个答案:

答案 0 :(得分:2)

您需要从DIV

中获取html(文件网址)
.croppie({
    url: $("#default-foto").html() ,
    ...