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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

› Vue.js

这是一个创建于 3104 天前的主题，其中的信息可能已经有所发展或是发生改变。

源码

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

演示地址

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

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

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

Vue

源码

STAR

东西

19 条回复 • 2018-06-05 13:17:47 +08:00

zythum

2016-05-20 17:47:56 +08:00

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

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

😂😂

exoticknight

2016-05-20 17:48:28 +08:00

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

sox

2016-05-20 17:57:17 +08:00 via Android

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

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

pubby

2016-05-20 18:08:23 +08:00

这 demo -_-

SourceMan

2016-05-20 18:10:56 +08:00

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

CupTools

2016-05-20 18:14:26 +08:00

http://url.sc/12

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

lianyue

2016-05-20 18:42:42 +08:00

@SourceMan 不支持

lianyue

2016-05-20 18:43:54 +08:00

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

lianyue

2016-05-20 18:46:11 +08:00

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

airyland

2016-05-20 20:26:31 +08:00

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

CupTools

2016-05-21 03:53:58 +08:00

@lianyue Who the hell cares about IE* :P

empvio

2016-07-28 15:43:51 +08:00

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

lianyue

2016-07-28 20:48:29 +08:00

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

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

yanhan569046480

2016-09-21 10:29:06 +08:00

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

lianyue

2016-09-21 11:26:41 +08:00

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

zszone

2017-11-29 15:57:29 +08:00

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

lianyue

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

2018-06-05 11:28:38 +08:00

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

lianyue

2018-06-05 13:17:47 +08:00 via iPhone

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