vue2-uploader
一个简单的,基于axios和FormData的Vue上传组件.
- 由于项目依赖于FormData,因此不支持IE9及以下的IE浏览器(可以尝试其它的shim方案,但不保存能正常使用),其它浏览器的兼容性可以参考相关的浏览器说明
- 需要手动引入axios库
- 由于axios依赖于Promise,因此如果要在IE10/IE11+上使用时,需要导入相应的polyfill
项目中包含一个可运行的示例. 下载项目,通过下列方式运行示例项目
npm install && npm run dev
访问http://locahost即可看到上传页面.
示例代码中提供了一个Spring版本的简单服务端代码.代码基于Spring-boot,需要maven环境.可通过下下列方式启动测试服务器
cd java-server
mvn spring-boot:run
More Info
更新历史
- 0.2.4 修复一个全部取消不能正确取消的逻辑错误。 给每个上传认为添加了错误信息。
- 0.2.3 使用递归调用替换async函数,解决某些情况下编译不过的问题 增加上传进度列表
- 0.2.2 修改了一个整体进度时,会处理NaN的情况
修该了文件移除逻辑,在文件上传完成之后,不会从文件列表中移除 - 0.2.1 修改了按钮打开的方式,方便了样式调整
- 0.2.0 对组件进行了一次改版,将所有的依赖项目都放在了VueUploader.vue文件中,方便打包工具进行编译
- 0.1.7 增加一个配置对象,可以配置uploader的上传实例
- 0.1.5 去掉事件的on-前缀
- 0.1.4 优化代码,提升运行效率,简化事件模型,实现了批量上传,实现了整体进度计算
- 0.1.3 修改发布脚本
- 0.1.2 修改发布脚本
- 0.1.1 修正说明文档中的java代码的错误
- 0.1.0 新增分块上传功能
- 0.0.9 重新设计的任务模型 增加docs文档目录 移除onItemBeforeUpload事件, 移除fileItem.$$index属性,增加fileItem.id属性,标识文件的唯一性 移除fileItem的state属性
- 0.0.8 增accept属性,可以设置文件类型筛选. 修正了一个非自动上传模式下取消文件上传无效的bug. 更新一个单项上传成功事件不能正确获取响应的问题. 示例代码中增加一个简单的服务器,可以返回简单响应,去掉原来的测试Proxy.
- 0.0.7 修正filter中的默认值错误
- 0.0.1-0.0.6 初始版本,持续跟进中
计划中的功能
- 断点续传