vue-upload-component vue.js 一个多文件上传组建 (论为什么我写的东西都没人看) - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
lianyue
V2EX    Vue.js

vue-upload-component vue.js 一个多文件上传组建 (论为什么我写的东西都没人看)

  •  
  •   lianyue 2016-05-20 17:36:58 +08:00 22444 次点击
    这是一个创建于 3433 天前的主题,其中的信息可能已经有所发展或是发生改变。

    源码

    https://github.com/lian-yue/vue-upload-component/

    演示地址

    https://lian-yue.github.io/vue-upload-component/

    为什么我写的东西 都没人 给 Star 好心累

    没有看见 vuejs 有什么好用的 上传组建 浪费了2天时间写的

    19 条回复    2018-06-05 13:17:47 +08:00
    zythum
        1
    zythum  
       2016-05-20 17:47:56 +08:00
    Q :为什么我写的东西都没人
    A :因为你传播做的不好

    Q :为什么我写的东西都没人给 Star
    A :因为你写的东西没人看

    exoticknight
        2
    exoticknight  
       2016-05-20 17:48:28 +08:00
    其实大部分人写的大部分东西都没人看没人给 star ,习惯就好(已经习惯的某人
    sox
        3
    sox  
       2016-05-20 17:57:17 +08:00 via Android
    把 demo 做好看一样,用法做合理一点,把复杂的问题抽象得更简单。

    就有人用了,重要的是 Developer friendly
    pubby
        4
    pubby  
       2016-05-20 18:08:23 +08:00
    这 demo -_-
    SourceMan
        5
    SourceMan  
       2016-05-20 18:10:56 +08:00
    支持断点续传和 MD5 秒传吗?
    CupTools
        6
    CupTools  
       2016-05-20 18:14:26 +08:00
    http://url.sc/12

    简单粗暴(单文件)。多文件改一改就好
    lianyue
        7
    lianyue  
    OP
       2016-05-20 18:42:42 +08:00
    @SourceMan 不支持
    lianyue
        8
    lianyue  
    OP
       2016-05-20 18:43:54 +08:00
    @pubby 能看就行 需要 什么 css 嘛 重点是吧所有的功能列出来
    lianyue
        9
    lianyue  
    OP
       2016-05-20 18:46:11 +08:00
    @CupTools FormData 和 input.files 不支持 ie9 所以。。
    airyland
        10
    airyland  
       2016-05-20 20:26:31 +08:00
    标题有错别字。 demo 比较简陋,整理整理发个 PR 到 awesome-vue 吧。
    CupTools
        11
    CupTools  
       2016-05-21 03:53:58 +08:00
    @lianyue Who the hell cares about IE* :P
    empvio
        12
    empvio  
       2016-07-28 15:43:51 +08:00
    刚好用上这个组件,想请问下是否支持 “取消上传” 的操作, 看了下源码 里面有 abort 等判断 但是好像没有对应的事件。 然后 removeFileUpload 是在非自动上传模式下 移除尚未上传的文件时触发的事件吗?
    lianyue
        13
    lianyue  
    OP
       2016-07-28 20:48:29 +08:00   1
    @empvio
    https://lian-yue.github.io/vue-upload-component/
    演示里面有取消列 的按钮

    FileUpload.files[0].active = false 自动取消单个上传
    FileUpload.active = false 停止上传 并且停止当前上传的那个
    yanhan569046480
        14
    yanhan569046480  
       2016-09-21 1029:06 +08:00
    @lianyue 大哥,我需要你写的代码,但是完全看不懂,最近公司前端从 VUE 转成 VUEX 了,我做 JAVA 后端的,现在让我搞 VUEX 的文件上传,要疯了!希望加微信或者 QQ 交流
    lianyue
        15
    lianyue  
    OP
       2016-09-21 11:26:41 +08:00
    @yanhan569046480 vuex 是 vue 的一个组件 。。。。。 你先吧 vue 熟悉了 再看
    zszone
        16
    zszone  
       2017-11-29 15:57:29 +08:00
    兄弟现在在线不? 已经给你点了 ,想问下完整例子里面引入了 cropperjs 和 @xkeshi/image-compressor 前面那个看了下是图片剪裁的,是需要 npm 安装吗? 后面那个是什么? 要怎么确保引入正确? 在线等你哦
    lianyue
        17
    lianyue  
    OP
       2017-11-29 18:05:04 +08:00
    @zszone cropperjs 是剪裁
    image-compressor 是压缩
    需要 npm 安装

    默认 我是 webpack 引入外部库的
    https://github.com/lian-yue/vue-upload-component/blob/master/webpack.config.js#L40


    https://github.com/xkeshi/image-compressor

    https://github.com/fengyuanchen/cropperjs

    嗯演示只是测试让你知道如何搭配第三方库
    18736093705
        18
    18736093705  
       2018-06-05 11:28:38 +08:00
    这个组件能不能适用于移动端吗,移动端上传图片 ios 会发生旋转 @lianyue
    lianyue
        19
    lianyue  
    OP
       2018-06-05 13:17:47 +08:00 via iPhone
    @18736093705 组建只负责 上传 是 拍照带有旋转的 exif 解决方案 Google iOS html5 拍照 旋转 最方便的解决方案是服务端检测 exif 然后自动转回来
    关于     帮助文档     自助推广系统     博客     API     FAQ nbsp;   Solana     2969 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 96ms UTC 13:26 PVG 21:26 LAX 06:26 JFK 09:26
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86