上一篇文章说了微信小程序生成二微码的场景，也告诉了大家怎么去看微信文档和调用API接口，我也都实现了这些功能，接口都调通了，现在我来说一下图片下载，就是我把图片返回到前端页面进行展示然后在进行下载，也就是图片下载功能的实现:
下载方式一:

<div class="body"><img id="imag" src="" alt="小程序" width="400" height="400" class="layui-upload-img"><div id="download" class="layui-btn" onclick="download()">下载</div></div>//js代码://小程序码  不受限制  ajax 发送请求到后端调微信的接口生成小程序二微码 然后在放到后台页面中展示 点击下载进行下载二微码图片function getwxacodeunlimit() {var spotid=$("#spotid").val();//参数 景区idvar province=$("#provinces").val(); //参数 主要路径//发送ajax            $.ajax({            //几个参数需要注意一下                type: "POST",//方法类型                dataType: "json",//预期服务器返回的数据类型                url: "/operating/themicrocode/getwxacodeunlimit.do" ,//url                data: {"spotid":spotid,"path":province},                success: function (data) {                if(data.success){ //true false                //alert(data.image)//打印服务端返回的数据(调试用)                    $("#imag").attr("src",data.image); //这里是获取返回的参数 放到 image 的sec中 用于图片展示                  $(".body").show(); //图片显示。刚进这个页面时，这个图片是隐藏的当接口获取参数成功后，图片就显示                }else{                alert("请求错误");                }                },                error : function() {                    alert("异常！");                }            });        }//页面初始化 隐藏图片$(function(){ $(".body").hide(); //初始化隐藏}); //下载图片function download(){// 将图片的src属性作为URL地址 var url = img.srcvar fileName= $("#imag")[0].src var fileNames=getCaption(fileName);    var a = document.createElement('a') //a     var event = new MouseEvent('click') //点击        a.download = fileNames //下载    a.href = fileName //把获取到要下载图片的路径赋值上去    a.dispatchEvent(event) //点击下载} function getCaption(obj){    var index=obj.lastIndexOf("/");    obj=obj.substring(index+1,obj.length);    return obj;}

下载方式二：

<div class="body"> //h5下载 <img id="imag" src="" alt="小程序" width="400" height="400" class="layui-upload-img" >给a添加一个downlioad标签    download里面是给这个下载内容的自命名<a id="a"  href="" download="二微码">下载图片</a></div>js代码://小程序码  不受限制  ajax 发送请求到后端调微信的接口生成小程序二微码 然后在放到后台页面中展示 点击下载进行下载二微码图片function getwxacodeunlimit() {var spotid=$("#spotid").val();//参数 景区idvar province=$("#provinces").val(); //参数 主要路径//发送ajax            $.ajax({            //几个参数需要注意一下                type: "POST",//方法类型                dataType: "json",//预期服务器返回的数据类型                url: "/operating/themicrocode/getwxacodeunlimit.do" ,//url                data: {"spotid":spotid,"path":province},                success: function (data) {                if(data.success){ //true false                //alert(data.image)//打印服务端返回的数据(调试用)                    $("#imag").attr("src",data.image); //这里是获取返回的参数 放到 image 的sec中 用于图片展示                    $("#a").attr("href",data.image); //这里是获取返回的参数 放到 a的href中 用于图片下载                  $(".body").show(); //图片显示。刚进这个页面时，这个图片是隐藏的当接口获取参数成功后，图片就显示                }else{                alert("请求错误");                }                },                error : function() {                    alert("异常！");                }            });        }

好了，这里就是图片下载了，很简单，有不懂的可以在下方评论，希望能对大家有一点帮助