评论

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 不支持云图片显示

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

5 个评论

  • 追风少年
    追风少年
    2020-04-28

    你最后是怎么实现的呢?

    2020-04-28
    赞同
    回复
  • hexford~🐶
    hexford~🐶
    2019-08-29

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

    2019-08-29
    赞同
    回复
  • hexford~🐶
    hexford~🐶
    2019-08-07

    280 起就支持云图片了哈

    2019-08-07
    赞同
    回复 1
    • ネф イω
      ネф イω
      2019-08-07
      那就又要改代码了!
      2019-08-07
      回复
  • auto
    auto
    2019-08-01

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

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

    图挂了

    2019-07-30
    赞同
    回复 1
    • ネф イω
      ネф イω
      2019-07-30
      图不重要
      2019-07-30
      回复
登录 后发表内容