评论

editor 云开发图片沉余讨论

跨过一座山,掉进一个坑!

富文本编辑editor,真的不错可以实现图文混排,可是目前支持上不是很友好,这里就围绕图片沉余处理讨论!

方案1 用户选择图片时即执行上传图片

优点:编辑里可回显上传的图片路径;
缺点如用户编辑时有删除图片操作,我个人认为应该删除对应已上传图片避免多余图片占用空间
BUG:但是此时我没有找到用户删除对应的Api
EditorContext.

方案2 用户编辑完点提交时再上传图片

为了避免多余图片占用空间,用户在编辑器里任何操作图片都不管,只需在提交的时候再上传图片(图片数量可控,避免上传太多会失败)
BUG:但是在真机预览的时候发现选择图片的临时路径是wxfile:// 且编辑不支持显示
在开发者工具选择图片临时路径是htto://开头,能显示图片

方案3 依然用户选择图片时即执行上传图片

既然方案1和方案2走不通,我又想到此方法,依然用户选择图片即上传图片,把图片上传服务器临时文件里(temp),将用户最后编辑使用的图片移动到另一个使用文件里,temp里所有的图片我们就可以删除,不占用空间,可是我使用的用开开发,如你是有自己服务器且能移动文件操作可以使用这个方案
*云存储:不支持移动文件
storage.

方案4 继续用户选择图片时即执行上传图片

其实我最喜欢方案2,但是真机不显示临时路径没办法,此方法有点啰嗦,
思路:
1.选择图片后即上传图片(依然是上传图片到temp目录)
2.用户上传同时记录下 [本地图片临时路径,云路径]
3.在返回的html找出当前图片云路径并封装成数组(云图片数组)
4.[云图片数组]->[本地图片临时路径,云路径] 对应 云路径本地图片临时路径
5.在用[本地图片临时路径]上传到你要上传的路径
但是目前editor 不支持云图片显示

最后一次编辑于  07-30  
点赞 2
收藏
评论

4 个评论

  • 小程序技术专员-sanford
    小程序技术专员-sanford
    08-29

    近期會支持显示临时文件,方案2可以實現了。

    08-29
    赞同
    回复
  • 小程序技术专员-sanford
    小程序技术专员-sanford
    08-07

    280 起就支持云图片了哈

    08-07
    赞同
    回复 1
    • Vagrant
      Vagrant
      08-07
      那就又要改代码了!
      08-07
      回复
  • auto😘
    auto😘
    08-01

    请问,editor不支持云图片,也不支持临时路径,怎么才能显示呢?

    08-01
    赞同
    回复 3
    • Vagrant
      Vagrant
      08-01
      用云存储的 图片下载链接,参见:https://developers.weixin.qq.com/community/develop/article/doc/0006c6d878c30852f7e8a648f5b413
      08-01
      回复
    • auto😘
      auto😘
      08-01回复Vagrant
      看到了,正在试,感谢~
      08-01
      回复
    • Vagrant
      Vagrant
      08-01
      不客气
      08-01
      回复
  • Stranger
    Stranger
    07-30

    图挂了

    07-30
    赞同
    回复 1
    • Vagrant
      Vagrant
      07-30
      图不重要
      07-30
      回复