二维码生成插件qrious

Posted 2021-01-22 georgejavaee

一.引入qrious.min.js

二.二维码显示处

    <script type="text/javascript" src="plugins/angularjs/angular.min.js"></script><!--引入js-->

 <img id="qrious" ><!-- 二维码显示处-->

三.编写js代码

app.controller(‘payController‘,function ($scope,payService) {
   //生成订单支付微信二维码
    $scope.createNative=function () {
        payService.createNative().success(
            function (response) {
                $scope.code_url=response.code_url;
                $scope.out_trade_no=response.out_trade_no;
                $scope.total_fee=(response.total_fee/100).toFixed(2);
               //生成二维码
                var qr=new QRious({
                    element:document.getElementById(‘qrious‘),
                    size:250,
                    level:‘H‘,
                    value:$scope.code_url  //二维码需要的url
                });
            }
        )

    }

})