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

简介: 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)
    })
}
相关文章
|
8月前
uni-app 109生成个人二维码名片
uni-app 109生成个人二维码名片
79 0
|
8月前
uni-app制作一个时间选择器
uni-app制作一个时间选择器
257 0
|
8月前
|
小程序 定位技术
uni-app地图标点展示
uni-app地图标点展示
240 0
|
8月前
uni-app项目中如何添加百度统计代码?
uni-app项目中如何添加百度统计代码?
|
小程序 开发者
uni-app语音转文字功能demo(同声传译)
uni-app语音转文字功能demo(同声传译)
|
移动开发 安全 PHP
微信分享和微信H5跳转到APP开放标签wx-open-launch-app使用及样式设置
微信分享和微信H5跳转到APP开放标签wx-open-launch-app使用及样式设置
1549 0
|
8月前
uni-app 15推荐名片功能
uni-app 15推荐名片功能
84 1
uni-app 15推荐名片功能
|
8月前
|
前端开发 JavaScript 小程序
uni-app绘制二维码
uni-app绘制二维码
118 2
|
8月前
uni-app 157发布朋友圈-批量上传图片
uni-app 157发布朋友圈-批量上传图片
69 0
|
8月前
|
存储 数据库
uni-app 156朋友圈评论表情包功能
uni-app 156朋友圈评论表情包功能
102 0