使用qrcodejs插件,详情点击进GitHub了解
demo代码【里面引用的js,需要自己下载】
<div class="qrCode">
<div class="configure">
<div class="inputUrl">
<span style="display:block;height:40px;line-height:40px;float:left;">输入地址:</span>
<input type="text" id="text"
value="https://xdeer.ygsoft.com/ecp/xdeer/workspaces/penglianlian@ygsoft.com/page/9d1a9ab1-26e2-46ab-994e-f2e8b72ddd38/html/9d1a9ab1-26e2-46ab-994e-f2e8b72ddd38.html?sdkId=33149e9eb150cacfa7897e99f2cf26e5&wsId=85371094acbef8cb38df27183849c2ed&creator=penglianlian@ygsoft.com&orgId&wsType=3&projectId=9d1a9ab1-26e2-46ab-994e-f2e8b72ddd38" />
</div>
<div class="inputUrl">
<span style="display:block;height:40px;line-height:40px;float:left;">图片大小:</span>
<select class="qrSize">
<option value="200">200 X 200</option>
<option value="300">300 X 300</option>
</select>
</div>
<div class="inputUrl">
<a class="layui-btn createQRBtn">生成二维码</a>
</div>
<div class="inputUrl"></