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(“重置”)});你能把这段代码简化一下吗?