lianyue
V2EX  ›  Vue.js

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

  •  
  •   lianyue · May 20, 2016 · 23297 views
    This topic created in 3821 days ago, the information mentioned may be changed or developed.

    源码

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

    演示地址

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

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

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

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

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

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

    就有人用了,重要的是 Developer friendly 😁
    pubby
    pubby
    May 20, 2016
    4
    这 demo -_-
    SourceMan
    SourceMan
    May 20, 2016
    5
    支持断点续传和 MD5 秒传吗?
    CupTools
    CupTools
    May 20, 2016
    6
    http://url.sc/12

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

    FileUpload.files[0].active = false 自动取消单个上传
    FileUpload.active = false 停止上传 并且停止当前上传的那个
    yanhan569046480
    yanhan569046480
    Sep 21, 2016
    14
    @lianyue 大哥,我需要你写的代码,但是完全看不懂,最近公司前端从 VUE 转成 VUEX 了,我做 JAVA 后端的,现在让我搞 VUEX 的文件上传,要疯了!希望加微信或者 QQ 交流
    lianyue
    lianyue
    OP
    Sep 21, 2016
    15
    @yanhan569046480 vuex 是 vue 的一个组件 。。。。。 你先吧 vue 熟悉了 再看
    zszone
    zszone
    Nov 29, 2017
    16
    兄弟现在在线不? 已经给你点❤了 ,想问下完整例子里面引入了 cropperjs 和 @xkeshi/image-compressor 前面那个看了下是图片剪裁的,是需要 npm 安装吗? 后面那个是什么? 要怎么确保引入正确? 在线等你哦
    lianyue
    lianyue
    OP
    Nov 29, 2017
    17
    @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
    18736093705
    Jun 5, 2018
    18
    这个组件能不能适用于移动端吗,移动端上传图片 ios 会发生旋转 @lianyue
    lianyue
    lianyue
    OP
    Jun 5, 2018 via iPhone
    19
    @18736093705 组建只负责 上传 是 拍照带有旋转的 exif 解决方案 Google iOS html5 拍照 旋转 最方便的解决方案是服务端检测 exif 然后自动转回来
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2706 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 47ms · UTC 13:36 · PVG 21:36 · LAX 05:36 · JFK 08:36
    ♥ Do have faith in what you're doing.