sherry255 / vue-oss

基于vue2+plupload的阿里云OSS上传组件(支持断点续传,可上传size>100M的文件)

vue_oss

oos upload

demo :

地址: http://sherry255.github.io/vue-oss/

因为跨域(这个demo是用的阿里云文档上给的demo的接口,所以会有跨域)的问题, 必须按照以下操作, demo才能完整展示:

1. 安装插件: https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi/reviews?hl=zh-CN
2. 启用cors

注: 使用完毕记得关闭cors

Build Setup

# 安装前准备
1. 更换淘宝源:

npm install -g cnpm --registry=https://registry.npm.taobao.org

2. 检查包的更新:

cnpm i -g npm-check-updates
npm-check-updates -u
# 安装
cnpm install


# 修改你的接口:
参考服务端签名后直传文档:https://help.aliyun.com/document_detail/31926.html
将此处( https://github.com/sherrycherish/vue-oss/blob/master/src/components/Upload.vue#L68 )的 serverUrl 换成你的接口地址:



# serve with hot reload at localhost:8080
npm run dev


# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# run unit tests
npm run unit

# run e2e tests
npm run e2e

# run all tests
npm test

vue-oss's Issues

moxie is not defined

按照文档，我在使用moxie时候提示moxie is not defined，请问这个有使用吗？怎么解决，项目里面好像没有使用这个

可以通过启动命令行从而避免安装开启跨域插件

open -a Google\ Chrome --args --disable-web-security --user-data-dir