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

[lianyue]

源码

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

演示地址

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

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

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

[zythum]

Q ：为什么我写的东西都没人
A ：因为你传播做的不好

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

😂😂

[exoticknight]

其实大部分人写的大部分东西都没人看没人给 star ，习惯就好（已经习惯的某人

[sox]

把 demo 做好看一样，用法做合理一点，把复杂的问题抽象得更简单。

就有人用了，重要的是 Developer friendly 😁

[pubby]

这 demo -_-

[SourceMan]

支持断点续传和 MD5 秒传吗？

[CupTools]

http://url.sc/12

简单粗暴（单文件）。多文件改一改就好

[lianyue]

@SourceMan 不支持

[lianyue]

@pubby 能看就行 需要 什么 css 嘛 重点是吧所有的功能列出来

[lianyue]

@CupTools FormData 和 input.files 不支持 ie9 😂 所以。。

[airyland]

标题有错别字。 demo 比较简陋，整理整理发个 PR 到 awesome-vue 吧。

[CupTools]

@lianyue Who the hell cares about IE* :P

[empvio]

刚好用上这个组件，想请问下是否支持 “取消上传” 的操作， 看了下源码 里面有 abort 等判断 但是好像没有对应的事件。 然后 removeFileUpload 是在非自动上传模式下 移除尚未上传的文件时触发的事件吗？

[lianyue]

@empvio
https://lian-yue.github.io/vue-upload-component/
演示里面有取消列 的按钮

FileUpload.files[0].active = false 自动取消单个上传
FileUpload.active = false 停止上传 并且停止当前上传的那个

[yanhan569046480]

@lianyue 大哥，我需要你写的代码，但是完全看不懂，最近公司前端从 VUE 转成 VUEX 了，我做 JAVA 后端的，现在让我搞 VUEX 的文件上传，要疯了！希望加微信或者 QQ 交流

[lianyue]

@yanhan569046480 vuex 是 vue 的一个组件 。。。。。 你先吧 vue 熟悉了 再看

[zszone]

兄弟现在在线不? 已经给你点❤了 ,想问下完整例子里面引入了 cropperjs 和 @xkeshi/image-compressor 前面那个看了下是图片剪裁的,是需要 npm 安装吗? 后面那个是什么? 要怎么确保引入正确? 在线等你哦

[lianyue]

@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]

这个组件能不能适用于移动端吗，移动端上传图片 ios 会发生旋转 @lianyue

[lianyue]

@18736093705 组建只负责 上传 是 拍照带有旋转的 exif 解决方案 Google iOS html5 拍照 旋转 最方便的解决方案是服务端检测 exif 然后自动转回来