在URL中使用另一个url作为参数时会被&
截断的问题
下午帮同事写一个url转二维码的小工具时,发生标题中描述的问题。比如:输入的url是http://www.example.dev/name=user&code=2000
,转换为二维码后,扫描得到的url却是http://www.example.dev/name=user
,&
后的部分没有正确转换。问题很明显,作为参数的url中的&
后的被解析为其他参数了。
前台请求的完整url是"http://{domain}/tools/getQrCode.php?url=http://www.example.dev/name=user&code=2000
,后台从$_GET[‘url‘]
中取得却是http://www.example.dev/name=user
,另一部分成了$_GET[‘code‘]
了。
解决方法其实很简单,给作为参数的url做一下urlencode就好了。js中可以直接使用encodeURIComponent
函数为url编码。
代码示例如下:
- 后台php
<?php$url = isset($_GET['url']) ? $_GET['url'] : '';if (empty($url)) { ???echo '<div class="alert alert-danger" role="alert">请输入url!</div>'; ???exit(1);}echo genQrCode($url);exit(0);function genQrCode($url=''){ ???require_once 'libs/phpqrcode.php'; ???$value = $url; ?????????????????//二维码内容 ???$errorCorrectionLevel = 'L'; ???//容错级别 ???$matrixPointSize = 5; ??????????//生成图片大小 ???//生成二维码图片 ???$filename = ?'/../tmp/'.microtime().'.png'; ???QRcode::png($value, dirname( __FILE__ ) . $filename, $errorCorrectionLevel, $matrixPointSize, 2); ???return '<img src="tmp'. $filename . '"><br><p>' . $url . '</p>';}
- 前台html和js
之前的部分略 ???????<div class="col-md-6 col-lg-6"> ???????????<div class="panel panel-warning"> ???????????????<div class="panel-heading">二维码转换</div> ???????????????<div class="panel-body"> ???????????????????<form> ???????????????????????<div class="form-group"> ???????????????????????????<label for="url">url</label> ???????????????????????????<input type="text" class="form-control" id="url" placeholder="url"> ???????????????????????</div> ???????????????????????<button type="button" id="getQr" class="btn btn-primary">生成二维码</button> ???????????????????????<button type="reset" class="btn btn-success">清除url</button> ???????????????????</form> ???????????????</div> ???????????????<div id="qrdiv" class="panel-body" style="word-break: break-all;"> ???????????????</div> ???????????</div> ???????</div> ???</div></div><script type="text/javascript"> ???$( ???????$("#getQr").click(function () { ???????????$qrstr=$("#url").val(); ???????????$url = "tools/getQrCode.php?url=" + encodeURIComponent($qrstr); ???????????$.get($url, function (result) { ???????????????$("#qrdiv").html(result); ???????????}); ???????}) ???);</script></body></html>
PS:样式部分使用的bootstrap3
以上