V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
lianyue
V2EX  ›  Vue.js

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

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

    源码

    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 10:29: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   ·   实用小工具   ·   2898 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 12:16 · PVG 20:16 · LAX 04:16 · JFK 07:16
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.