微信圖片上傳相關(guān)頁(yè)面不刷新頁(yè)面時(shí)上傳是正常的,刷新后上傳失效

出錯(cuò)的原因是加了多余的wx.ready()方法

多讀文檔解決問(wèn)題

image

解決的代碼如下:

vuex中封裝的方法


/**

  * 分享操作

  * @param {Object} param0

  * @param {Object} payload {title:'',link:null,desc:null,type:null,img:''}

  */

  share ({dispatch, state}, payload) {

    return new Promise((resolve, reject) => {

      dispatch('initConfig', {perms: ['onMenuShareTimeline', 'onMenuShareAppMessage']}).then(() => {

        let parsedLink = payload.link === undefined || !payload.link ? window.location.href : payload.link

        /* eslint-disable no-undef */

        wx.ready(() => { // 因?yàn)槭琼?yè)面加載時(shí)就需要調(diào)用相關(guān)接口所以要加wx.ready方法

          let share = {

            title: payload.title,

            link: parsedLink,

            desc: payload.desc,

            type: payload.type === null ? 'link' : payload.type,

            imgUrl: payload.img === undefined || !payload.img ? null : payload.img,

            success: resolve,

            cancel: reject

          }

          wx.onMenuShareTimeline(share)

          wx.onMenuShareAppMessage(share)

          // wx.updateAppMessageShareData(share)

          // wx.updateTimelineShareData(share)

        })

      })

    })

  },

  /**

  * 關(guān)閉分享操作

  */

  unShare ({dispatch, state}, payload) {

    return new Promise((resolve, reject) => {

      dispatch('initConfig', {perms: ['hideAllNonBaseMenuItem']}).then(() => {

        /* eslint-disable no-undef */

        wx.ready(() => { // 因?yàn)槭琼?yè)面加載時(shí)就需要調(diào)用相關(guān)接口所以要加wx.ready方法

          wx.hideAllNonBaseMenuItem()

        })

      })

    })

  },

  /**

  * 從相冊(cè)中選圖片或者拍照

  */

  chooseImage ({dispatch, state}, payload) {

    return new Promise((resolve, reject) => {

      // 因?yàn)槭怯脩粲|發(fā)時(shí)才調(diào)用的接口,則可以直接調(diào)用,不需要放在ready函數(shù)中

      wx.chooseImage({

        count: payload, // 默認(rèn)9張照片

        sizeType: ['original', 'compressed'], // 可以指定是原圖還是壓縮圖,默認(rèn)二者都有

        sourceType: ['album', 'camera'], // 可以指定來(lái)源是相冊(cè)還是相機(jī),默認(rèn)二者都有

        success: resolve,

        fail: reject

      })

    })

  },

  /**

  * 獲取本地圖片

  */

  getLocalImgData ({dispatch, state}, payload) {

    return new Promise((resolve, reject) => {

      // 因?yàn)槭怯脩粲|發(fā)時(shí)才調(diào)用的接口,則可以直接調(diào)用,不需要放在ready函數(shù)中

      wx.getLocalImgData({

        localId: payload, // 圖片的localID

        success: resolve,

        fail: reject

      })

    })

  }

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容