收藏
回答

请问如何上传editor中的图片到云开发中的存储?

组件:editor

API:wx.cloud.uploadFile

现在是需要将富文本编辑框中的组件在点击提交表单的时候,再将富文本中的所有图片的临时路径上传到云存储,再将富文本中的图片临时路径替换成云存储的图片的路径

目前的写法:

uplaodEditImg(){ //点击提交表单时上传富文本中的图片到云存储
    this.editorCtx.getContents({
      success(res) => {
        let urlReg = /http:\/\/.*?(gif|png|jpg)/gi;
        // let urlReg = /<img [^>]*src=['"]([^'"]+)[^>]*>/gi;
        let contentDetail = res.html;
        let arr = [];
        contentDetail.replace(urlReg, function (capture{
          const name = Math.random() * 1000000;
          const cloudPath = name + capture.match(/\.[^.]+?$/)[0];
          wx.cloud.uploadFile({
              cloudPath: cloudPath,
              filePath: capture,
              successresInfo => {
                arr.push(resInfo.fileID)
              },
            })
        });
      },
      fail(res) => {}
    });
  },
回答关注问题邀请回答
收藏
登录 后发表内容