自带的当前页面二维码,需要点击才出现,然后再点击关闭,改了一下,将自带的功能关了,直接显示当前页面二维码,需要的拿走用。
将以下代码复制到需要显示的地方就行了,我的放在了模板文件中的广告位里面,你也可以放到foot里面,因为不管放在哪,他都在左下角出现。
如果不需要在左下角出现,想放别的地方,将<div id="qr" class="fixed-div"></div>放到你想让他出现的地方,并改为<div id="qr"></div>,或者自定样式。
<!--当前页面二维码-->
<div id="qr" class="fixed-div"></div>
<script src="https://qtxml.cn/tool/tuma/js/qrcode.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var currentUrl = window.location.href;
var filter = 'threshold';
var imagePath = 'img/1.jpg';
var self = this;
function makeQR() {
var qr = qrcode.QRCode(10, 'H');
qr.addData(currentUrl);
qr.make();
document.getElementById('qr').innerHTML = qr.createImgTag(3);
}
function makeQArt() {
new QArt({
value: value,
imagePath: imagePath,
filter: filter
}).make(document.getElementById('combine'));
}
function getBase64(file, callback) {
var reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = function () {
callback(reader.result);
};
}
$('#value').keyup(function() {
value = $(this).val();
makeQR();
makeQArt();
});
$('#file').change(function() {
getBase64(this.files[0], function(base64Img) {
var regex = /data:(.*);base64,(.*)/gm;
var parts = regex.exec(base64Img);
imagePath = parts[0];
$('#image img').attr('src', imagePath);
makeQArt();
});
});
$('input[type=radio]').click(function() {
filter = $(this).val();
makeQArt();
});
makeQR();
makeQArt();
});
</script>
<!--将二维码固定在左下角-->
<style>
.fixed-div {
position: fixed;
left: 0;
bottom: 0;
padding: 10px;
background-color: #333;
color: white;
}
</style>以上代码复制即可直接使用。class="fixed-div" //定义二维码样式
如果不需要将二维码固定在左下角,可以删除此段和样式代码。
效果可以看这里 https://qtxml.cn/read-719-1.html