V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
onvno
V2EX  ›  分享创造

Dropzone 图床插件 resizeup ( 图片解决方案 for markdown )

  •  
  •   onvno · 2017-09-24 20:12:10 +08:00 · 3365 次点击
    这是一个创建于 2622 天前的主题,其中的信息可能已经有所发展或是发生改变。

    markdown 插入图片一直解决是个很恼人的问题,影响愉快的书写。 偶然看到 v 站有一篇介绍 Dropzone 七牛云存储的插件,觉得蛮好就想在本地下载了使用,却发现无法正常执行,作者的帖子也是两年前,应该不再更新了。

    索性就在作者基础上,根据个人需求功能,做了一个resizeup插件,通过拖拽实现上传图片,剪切板返回图片外链,实现功能如下:

    • 图片拖拽上传七牛云存储:七牛免费存储 10G,流量 20G,一般供个人博客使用足够,速度存储口碑都不错;
    • 文件增加 md5 验证:为避免图片重复上传及重名文件被替换,计算了文件 md5 值,上传文件名由 文件名 + MD5 组成;
    • 图片压缩:虽说七牛免费空间还能经得起一时折腾,但考虑到长期使用,在不影响正常阅览情况下,还是得精打细算,毕竟码农家也没有余粮,图片压缩使用了前端之友tintpng提供的免费接口,每月可压缩 500 张图片;
    • 本地备份:可选,此功能是在参考链接的插件中,功能直接迁移来的。

    其他说明:

    • 为保证功能单一性,只支持 jpg,jpeg,png 后缀文件上传
    • 支持文件名包含中文

    gif 演示

    因为也是在 v 站看到作者的帖子,觉得取之于 v 站,回报于 v 站,方便自己,方便他人。

    项目地址:https://github.com/onvno/resizeup


    在 v 站看到的原贴地址/t/244963

    7 条回复    2017-09-28 23:50:34 +08:00
    hester
        1
    hester  
       2017-09-25 20:23:30 +08:00 via Android
    挺好的方式,为什么没有评论呢…
    如果能出 imgur / sm.ms 的方案就完美了。
    onvno
        2
    onvno  
    OP
       2017-09-26 12:52:46 +08:00
    @hester 哈哈,谢谢,可能标题应该叫西二旗最酷的 markdown 图片解决方案,其实 Dropzone 自带了 imgur,只是测试时候发现图片稍微大一点很有可能传不上去...
    hester
        3
    hester  
       2017-09-26 20:16:08 +08:00 via Android
    @onvno
    所以喽,应该再弄一个,顺便也加个新浪微博图床的就完美了。
    onvno
        4
    onvno  
    OP
       2017-09-26 23:10:06 +08:00   ❤️ 1
    @hester 关注了下微博图床,确实很好,有功夫琢磨下
    hester
        5
    hester  
       2017-09-27 17:32:36 +08:00 via Android
    @onvno
    等待支持新浪微博图床
    zifeixu85
        6
    zifeixu85  
       2017-09-28 16:24:32 +08:00
    支持,升级到新系统后,原插件确实报错不能上传了
    onvno
        7
    onvno  
    OP
       2017-09-28 23:50:34 +08:00
    @zifeixu85 看到 issue 留言了,应该是缺包导致的,已经回复了。因为本地没有复现这个问题,麻烦测试反馈下,多谢
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5725 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 01:40 · PVG 09:40 · LAX 17:40 · JFK 20:40
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.