vue2-uploader

0.2.4 • Public • Published

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

使用方法 分块上传 Component API

更新历史

  • 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 初始版本,持续跟进中

计划中的功能

  • 断点续传

Dependencies (1)

Dev Dependencies (64)

Package Sidebar

Install

npm i vue2-uploader

Weekly Downloads

22

Version

0.2.4

License

MIT

Unpacked Size

18 kB

Total Files

4

Last publish

Collaborators

  • ldwqh0