七牛云上传地区控制

最新推荐文章于 2024-10-08 14:36:06 发布

原创最新推荐文章于 2024-10-08 14:36:06 发布 · 591 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #node.js #react.js

前端专栏收录该内容

39 篇文章

订阅专栏

这篇博客介绍了如何在前端应用中使用七牛云的`qiniu-js`库进行文件上传，并根据后台返回的`uploadRegion`动态配置上传地区，包括华东、华北、华南、北美和新加坡等区域。通过设置上传配置和参数，实现了灵活的云存储服务。

1.引入 ‘qiniu-js’;

import * as qiniu from 'qiniu-js';

2.配置qiuui对象

  // 七牛云文件上传
  qiniuUploadFile = (uploadItem: any) => {
    let { uploadToken, dispatch, uploadRegion } = this.props;
    console.log(uploadRegion, 666);

    // 七牛云上传配置信息
    var config = {
      useCdnDomain: true,
      retryCount: 6,
      region: {
        'z0': qiniu.region.z0, //华东
        'z1': qiniu.region.z1, //华北
        'z2': qiniu.region.z2, //华南
        'na0': qiniu.region.na0, //北美
        'as0': qiniu.region.as0 //新加坡
      }[`${uploadRegion}`],
    };
    var putExtra = {
      fname: uploadItem.title,
      params: {},
      mimeType: null,
    };