1. 程式人生 > >小程序生成圖片(或者原有的)並下載

小程序生成圖片(或者原有的)並下載

brush spa 本地 get on() 選中圖片 show 程序 ole

這是自己做小程序生成推廣海報,並保存到本地相冊的方法,向後臺發起請求,返回一個海報圖片,下載保存到相冊,

如果只是單純的下載圖片代碼43行-63行就足夠了,具體看代碼:

//選中輪播圖中的一個作為海報背景圖。可自行實驗,只是自己的總結
bindchange: function(a) {
    for (var t = this, o = a.detail.current, i = t.data.imgUrls, n = 0; n < i.length; n++) {
      var e = i[o].plogo;
      var title = i[o].title;
      t.setData({
        imgcxs: e,
        title: title
      });
    }
    t.setData({
        tuhight: o,
      //選中圖片的id
nowid:a.detail.currentItemId, }); }, //選中海報背景,拿到id後向後臺發起請求,生成海報 bao: function() { var that = this; wx.showLoading({ title: "生成中", mask: true, });     //向後臺發起請求, wx.request({ url: api.url.poster, method: "POST", data:{ uid: app.globalData.userInfo.id, postid:that.data.nowid, }, header: { ‘content-type‘: ‘application/x-www-form-urlencoded‘ }, success: function (res) { console.log(res) wx.hideLoading(); wx.showToast({ title: res.data.msg, icon: "none" }) //下載圖片
    //這裏不能用wx.savefile()去保存,它不會自動保存在自己相冊中的,只能用wx.saveImageToPhotosAlbum()調起相冊 wx.downloadFile({ url: 後臺返回圖片的url(或者是網上的圖片url), success: function(a) {        //圖片下載時的臨時路徑 var t = a.tempFilePath; //通過wx.saveImageToPhotoAlbum調起本地相冊,並保存 wx.saveImageToPhotosAlbum({        //需要保存的臨時文件路徑
filePath: a.tempFilePath , success: function (a) { console.log(a); wx.showToast({ title: "保存成功", icon: "success", duration: 2e3, }) }, fail: function (err) { console.log(err) } }); }, fail:err=>{   console.log(err) }   }) }   

  

小程序生成圖片(或者原有的)並下載