All Projects → sherry255 → vue-oss

sherry255 / vue-oss

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

Programming Languages

javascript
184084 projects - #8 most used programming language
Vue
7211 projects

Projects that are alternatives of or similar to vue-oss

tiny-oss
A tiny aliyun oss sdk for browser which focus on uploading.
Stars: ✭ 25 (-24.24%)
Mutual labels:  oss, aliyun
Aliyun Sdk Js
阿里云 SDK for Javascript,支持在浏览器和 Nodejs 环境使用,支持大部分阿里云服务。
Stars: ✭ 727 (+2103.03%)
Mutual labels:  oss, aliyun
xayah
WEB文件管理器
Stars: ✭ 19 (-42.42%)
Mutual labels:  oss, aliyun
aliyun-oss-deploy
🙈 一个 nodejs 命令行工具,用于部署静态资源到 aliyun oss,支持代码方式和 CLI 方式!
Stars: ✭ 31 (-6.06%)
Mutual labels:  oss, aliyun
Xdupdate
Android 自动更新 / 阿里云 OSS 一键上传更新 (Android auto update / upload update by aliyun OSS)
Stars: ✭ 92 (+178.79%)
Mutual labels:  oss, aliyun
aliyun-oss-wordpress
使用阿里云对象存储 OSS 作为附件存储空间的WordPress插件。QQ交流群:887595381
Stars: ✭ 56 (+69.7%)
Mutual labels:  oss, aliyun
Aliyunoss
阿里云 OSS 官方 SDK 的 Composer 封装,支持任何 PHP 项目,包括 Laravel、Symfony、TinyLara 等等。
Stars: ✭ 481 (+1357.58%)
Mutual labels:  oss, aliyun
ali-img
阿里云图像处理工具包
Stars: ✭ 16 (-51.52%)
Mutual labels:  oss, aliyun
Waliyun
阿里云Node.js Open API SDK(完整版)
Stars: ✭ 40 (+21.21%)
Mutual labels:  oss, aliyun
Aliyun Oss
Aliyun oss for Laravel5, also support flysystem adapter
Stars: ✭ 31 (-6.06%)
Mutual labels:  oss, aliyun
Aliyungo
Go SDK for Aliyun (Alibaba Cloud) - Golang API for ECS, OSS, DNS, SLB, RDS, RAM, MNS, STS, SLS, MQ, Push, OpenSearch, DM, Container Service etc.
Stars: ✭ 756 (+2190.91%)
Mutual labels:  oss, aliyun
laravel-admin
LaravelAdmin是基于PHP开发的基础管理后台系统,做到开箱即用,为新项目开发省去了基础功能开发的步骤;此系统采用前后端分离模式,后端使用Laravel,前端使用vue;主要包含:登录、注销、可视化数据大屏、管理员、角色管理、菜单管理、权限管理、错误日志、登录日志、访问日志、获取服务器CPU使用率、内存使用率等功能。后端主要使用Artisan命令行、Jobs消息队列、 Rules验证规则、Restful API、Composer扩展包、Redis秒杀、Extend自定义扩展类:微信授权、钉钉告警推送、MongoDB、阿里云OSS、七牛云存储、七牛云直播、php-jwt TOKEN、Phpoffice、MySql数据库字典、Elasticsearch等技术。
Stars: ✭ 45 (+36.36%)
Mutual labels:  oss, aliyun
Ali Oss
Aliyun OSS(open storage service) JavaScript SDK for the browser and Node.js
Stars: ✭ 1,579 (+4684.85%)
Mutual labels:  oss, aliyun
aliyun-oss-laravel
Laravel 的 Aliyun OSS 扩展, 支持 Laravel 9. Alibaba Cloud Object Storage Service For Laravel.
Stars: ✭ 91 (+175.76%)
Mutual labels:  oss, aliyun
react-native-aliyun-playview
封装阿里云点播播放器与短视频上传功能
Stars: ✭ 24 (-27.27%)
Mutual labels:  aliyun
nbox
基于阿里云OSS的网盘客户端程序!
Stars: ✭ 31 (-6.06%)
Mutual labels:  oss
Emojions
Embeddable Emoji Bar
Stars: ✭ 15 (-54.55%)
Mutual labels:  oss
katla
Indonesian version of Wordle
Stars: ✭ 121 (+266.67%)
Mutual labels:  oss
Getting-Started-With-Contributing-to-Open-Sources
This has useful links to help you get started with contributing to open sources.
Stars: ✭ 44 (+33.33%)
Mutual labels:  oss
aliyun-direct-mail
[DEPRECATED] 阿里云 DirectMail for Laravel.
Stars: ✭ 26 (-21.21%)
Mutual labels:  aliyun

vue_oss

demo

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

注: 使用完毕记得关闭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
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].