Javascript 如何在cropper插件中点击模式的交叉按钮清空图像。?

Javascript 如何在cropper插件中点击模式的交叉按钮清空图像。?,javascript,jquery,Javascript,Jquery,嗨,我正在使用这个插件。 我想在引导模式中单击交叉按钮时清除图像。我正在使用jquery的cropper插件。我还尝试了cropper的重置和清除功能,但它对我不起作用。请给我答案。试试这样的事情: <!DOCTYPE html> <html> <head> <title></title> </head> <script src="https://code.jquery.com/jquery-3.1.1.mi

嗨,我正在使用这个插件。
我想在引导模式中单击交叉按钮时清除图像。我正在使用jquery的cropper插件。我还尝试了cropper的重置和清除功能,但它对我不起作用。请给我答案。

试试这样的事情:

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){
    $('#clear').click(function(){
        $('#img').attr('src', '');
        // clear the src or remove the img tag and regenerate it.
    });
});
</script>

<body>

<?php
    $str =  base64_encode(file_get_contents("https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcS1W0lHe_4U8pF3j7Ij_wxw-qx_N8ww713xOLWwBolGcUbBFvt5"));

    echo "<img id='img' src='data:image/jpeg;base64, $str' width='100' height='100' >";
?>

<a href="javascript:void(0);" id="clear">Clear</a>
</body>
</html>

$(文档).ready(函数(){
$(“#清除”)。单击(函数(){
$('img').attr('src','');
//清除src或移除img标记并重新生成。
});
});

要在单击X交叉按钮图像时删除它吗?否。我想在单击X时删除此按钮,然后在引导模式中删除空图像提供您尝试过的代码?$(“#重置图像”)。单击(函数(){$image.crapper(“重置”)});你能把这段代码简化一下吗?