• uni-app(六)生成海报图片路径问题


      插件市场,搜索 painter 插件,这款插件很是强大,初次使用,存在一个问题,那就是由于跨域导致的图片路径问题

    • 如果是存储在服务器的图片,需要使用 downloadFile 获取图片路径,跳过跨域机制
      let that = this
      uni.downloadFile({
         url: that.img,
         success: function(res) {
             that.downloadPoster = res.tempFilePath
         },
         fail: function() {
             console.log('fail')
         }
      })
    • 下一步,需要用 getImageInfo 获取图片信息,输出可以直接使用的路径
      // 封装图片信息获取方法 
      promisify: promise => {
         return (options, ...params) => {
             return new Promise((resolve, reject) => {
                const extras = {
                    success: resolve,
                    fail: reject
                }
                promise({ ...options, ...extras }, ...params)
             })
          }
      }
      // 输出路径
      getPoster() {
          let that = this
          const getImageInfo = that.promisify(uni.getImageInfo)
          Promise.all([
             getImageInfo({
                src: that.downloadPoster
             })
          ]).then(res => {
             // 最终路径
             let path= res[0].path
             console.log(path)
          })
      }
  • 相关阅读:
    数组
    做了个进制转换图
    类的练习
    3.10l练习
    c#学习第二课
    c#第四课习题
    c#学习第三课
    学习PHP&MYSQL之——字符编码篇(一)
    中缀表达式转换成后缀表达式
    模板方法模式(Template Pattern)
  • 原文地址:https://www.cnblogs.com/wx3091/p/14550877.html
Copyright © 2020-2023  润新知