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地图标点展示
uni-app地图标点展示
240 0
|
小程序 开发者
uni-app语音转文字功能demo(同声传译)
uni-app语音转文字功能demo(同声传译)
|
6月前
|
JavaScript
Vue PDF预览(微信公众号,app也可用)
Vue PDF预览(微信公众号,app也可用)
204 0
|
8月前
浅蓝色的APP下载界面HMTL源码
浅蓝色的APP下载界面HMTL源码
88 0
浅蓝色的APP下载界面HMTL源码
|
8月前
uni-app 22发布朋友圈页面
uni-app 22发布朋友圈页面
65 0
uni-app 22发布朋友圈页面
|
8月前
|
前端开发 JavaScript 小程序
uni-app绘制二维码
uni-app绘制二维码
115 2
|
8月前
uni-app 157发布朋友圈-批量上传图片
uni-app 157发布朋友圈-批量上传图片
69 0
|
8月前
|
存储 数据库
uni-app 156朋友圈评论表情包功能
uni-app 156朋友圈评论表情包功能
102 0
|
8月前
uni-app 114发送图片功能
uni-app 114发送图片功能
51 0
|
8月前
uni-app 158发布朋友圈-上传短视频
uni-app 158发布朋友圈-上传短视频
72 0