不要轻易放弃。学习成长的路上,我们长路漫漫,只因学无止境。学无止境

上传到阿里云oss的前端页面(仿百度webuploader插件)

碧羽墨轩 2018-07-02 10:12:31 35人围观
简介阿里云OSS图片处理服务(Image Processing,简称 IMG) ,是阿里云OSS对外提供的海量、安全、低成本、高可靠的图片处理服务。您可以将原始图片上传保存在OSS上,通过简单的 RESTful 接口,在任何时间、任何地点、任何互联网设备上对图片进行处理。图片处理服务提供图片处理接口,图片上传请使用OSS上传接口。基于IMG,您可以搭建出跟图片相关的服务。

使用说明
1. 首先在oss控制台中,开好跨域,(见预览图文件夹中跨域图片)
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。(仅限前端自己做测试),
然后就可以上传啦!!

20171219161633369.gif

20171219161719986.gif

20171219161736633.png


插件下载:

ossUploader-master.zip

注:本文转载自碧羽墨轩,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如有侵权行为,请联系我们,我们会及时删除。

上一篇:PHP函数篇详解进制转换函数说明

下一篇:php 常用数组函数

文章评论

模板排行