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)
    })
}
相关文章
|
9月前
uni-app 109生成个人二维码名片
uni-app 109生成个人二维码名片
85 0
|
9月前
uni-app制作一个时间选择器
uni-app制作一个时间选择器
289 0
|
9月前
|
小程序 开发工具 git
【微信小程序】-- uni-app 项目--- 购物车 -- 配置 tabBar 效果(五十一)
【微信小程序】-- uni-app 项目--- 购物车 -- 配置 tabBar 效果(五十一)
|
移动开发 安全 PHP
微信分享和微信H5跳转到APP开放标签wx-open-launch-app使用及样式设置
微信分享和微信H5跳转到APP开放标签wx-open-launch-app使用及样式设置
1576 0
|
9月前
浅蓝色的APP下载界面HMTL源码
浅蓝色的APP下载界面HMTL源码
97 0
浅蓝色的APP下载界面HMTL源码
|
9月前
uni-app 15推荐名片功能
uni-app 15推荐名片功能
95 1
uni-app 15推荐名片功能
|
9月前
uni-app 18个人资料设置开发
uni-app 18个人资料设置开发
89 0
uni-app 18个人资料设置开发
|
9月前
uni-app 22发布朋友圈页面
uni-app 22发布朋友圈页面
71 0
uni-app 22发布朋友圈页面
|
9月前
|
前端开发 JavaScript 小程序
uni-app绘制二维码
uni-app绘制二维码
133 2
|
9月前
uni-app 157发布朋友圈-批量上传图片
uni-app 157发布朋友圈-批量上传图片
75 0