点击保存二维码到本地

最新推荐文章于 2021-07-30 14:50:13 发布

wcy7916

最新推荐文章于 2021-07-30 14:50:13 发布

阅读量1.2w

点赞数

分类专栏： work-note 文章标签： angular

本文链接：https://blog.csdn.net/wcy7916/article/details/80177817

版权

work-note 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

点击保存二维码到本地

效果：

步骤：

html:

<div class="resource_step_two cord_wrap" >
         <div id="sign_id" class="bind_img output"> </div>
         <a href="" id="qr_btn_download" class="step_back_down" ng-click="downLoadResourceQRcode()">点击保存二维码到本地</a>
  </div>

   //下载二维码到本地
    $scope.fixType = function (type) {
        type = type.toLowerCase().replace(/jpg/i, 'jpeg');
        var r = type.match(/png|jpeg|bmp|gif/)[0];
        return 'image/' + r;
    }
  $scope.save_link = {};
  $scope.downLoadResourceQRcode = function () {
    var type = 'png';
    var imgData = $("#sign_id canvas")[0].toDataURL(type);
    imgData = imgData.replace($scope.fixType(type), 'image/octet-stream');
    var filename = 'live_share_' + (new Date()).getTime() + '.' + type;
    $scope.save_link = document.getElementById('qr_btn_download');
    $scope.save_link.href = imgData;
    $scope.save_link.download = filename;
  }