• 七牛的JS SDK 的文档真坑啊.
  • 蓝奏云分享部分地区无法访问需手动修改www.lanzous.com变为:www.lanzoux.com
  • 好气啊~原来使用的CDN服务商莫名其妙的给我服务取消了~
  • 遇见一个沙雕汽车人.
  • 换了证书看看测试一下效果~
  • 煞笔!啥时候开工资?
  • 哪位小垃圾CC我呢?一位来自湖南的小垃圾!反正我流量无限的这样也没意义啊?
  • 测试一哈
  • 丫的Google抓取不到..换CF吧..
  • 告诉大家一个小秘密.域名后面加上 /siwa 发现不一样的世界…

[记录]前端JS部分使用七牛云JS SDK的部分写法.

PHP KIENG 1个月前 (08-18) 7524次浏览 已收录 1个吐槽 扫描二维码

[记录]前端 JS 部分使用七牛云 JS SDK 的部分写法.

首先我们需要引入这几个个 JS:
jquery.js,json3.min.js,plupload.full.min.js,qiniu.min.js

文档里就让引入qiniu.min.js了,导致分片上传的时候就报错了!真坑.

前台 JS 部分:

$.ajax({
  //请求 token
  url: "/qiniuToken",
  type: 'post',
  success: function(res) {
    //可以返回附带别的参数比如:域名,key 之类的.
    var token = res.uptoken;
    //这些参数什么意思七牛文档里都有
    var config = {
      useCdnDomain: true,
      disableStatisticsReport: false,
      retryCount: 3,
      region: null,
      checkByMD5: true,
      chunkSize: 4,
    };
    //customVars 为附加参数,在回调给 PHP 的时候会给你
    var putExtra = {
      fname: file.name,
      customVars: {
        'x:ip': ip
      },
      params: {},
      mimeType: null,
    };
    //可以自己定义 也可以自动生成或者后端返回,主要看后端怎么写
    key = '123.jpg';
    const observable = qiniu.upload(file, key, token, putExtra, config)
    observable.subscribe({
      next: (result) => {
        //这里给你的是上传进度,可以打印一下 result
      },
      error: () => {
        //这是失败
      },
      complete: (res) => {
        //这是成功
      },
    });

  }
})

后端就不写了.文档里都有. ;-)


KIENG , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA 4.0协议进行授权
转载请注明出处:[记录]前端 JS 部分使用七牛云 JS SDK 的部分写法.
本文章链接:https://blog.kieng.cn/2627.html
喜欢 (15)
KIENG
关于作者:
一个热衷网络的Man
发表我的评论
取消评论
表情 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 快速获取昵称
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(1)个小伙伴在吐槽
  1. 签到成功!签到时间:2020-09-20 10:59:42,每日打卡,生活更精彩哦~
    神秘人6462020-09-20 11:00 (3天前)回复 Windows 10 | Chrome 85.0.4183.102