Skip to content

ossUploader 阿里云OSS 对象云存储 前端页面demo(仿百度webuploader插件)

Notifications You must be signed in to change notification settings

hhzx/ossUploader

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ossUploader

阿里云OSS 对象云存储上传控件(仿百度webuploader)

预览效果图

gif gif

使用说明

1. 首先在oss控制台中,开好跨域,(见预览图文件夹中跨域图片)详情见https://help.aliyun.com/document_detail/31870.html?spm=5176.8466029.cors-info-block.1.2ef2e958WLFFqQ

2. 本工程需要启动服务,不能直接file://这样子访问!!!!

3. 找后台要获取配置信息的接口,

var applyTokenDo = function (func) {
    var url = appServer;// 请求后台获取授权地址url
    return $.ajax({
      url: url
    }).then(function (result) {
      var creds = result; //拿到相关信息,新建个client
      var client = new OSS({
        region: region,
        accessKeyId: creds.AccessKeyId,
        accessKeySecret: creds.AccessKeySecret,
        stsToken: creds.SecurityToken,
        bucket: bucket
      });
      return func(client);
    });
  };

若暂无后台,前端自己调测上传功能,则见4,

4. 在代码中配置好bucket、region、accessKeyId、accessKeySecret。(仅限前端自己做测试),

然后就可以上传啦!!

有问题,加群或者提issues

功能

  • 上传多个文件
  • 继续添加功能
  • 图片预览
  • 文件MD5值计算
  • ···

百度 webuploader

https://github.com/fex-team/webuploader

阿里云oss

https://github.com/ali-sdk/ali-oss

群名称:ossUploader 群 号:516425821

About

ossUploader 阿里云OSS 对象云存储 前端页面demo(仿百度webuploader插件)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Languages

  • JavaScript 98.7%
  • Other 1.3%