Introduction

TODO: Azure blob 文件上传公共 js

Getting Started

TODO: Guide users through getting your code up and running on their own system. In this section you can talk about:

npm i slz.storage

How to use

v1.0 use Azure v10

    import SlzStorage from 'slz.storage'
    let storage = new SlzStorage({
        sasGenerateUrl: ``, // apiUrl
        sasAccount: ``, // sasAccount
        sasHeader: { }, // sasHeader
      });
      storage.uoload(
        file.raw,
        (result, response) => {
          console.info('上传成功回调');
          console.info('result', result);
          console.info('response', response);
        },
        (error) => {
          console.info('上传失败回调');
          console.info(error);
        },
        (process) => {
          // console.info('上传进度条更新回调:' + process);
        },
        false // 是否需要生成缩略图，默认false，非必传
      );

v2.0 use Azure v12 （推荐使用）

    import SlzStorage from 'slz.storage'
    let storage = new SlzStorage({
        sasGenerateUrl: `${apiUrl}?account=${sasAccount}&expirationMinutes=${expirationMinutes}`, // apiUrl
        sasHeader: { }, // sasHeader
      });
      const {data} = await storage.uoload(
        file.raw,
        { // 是否需要生成缩略图,只需传递宽度,生成原图对应比例的图片, 不需要生成缩略图传空对象
          width: 203,
        },
        (complete) => {
          // 上传的进度 百分比
          console.info('complete', complete)
        }
      )

cdn

https://sammci.blob.core.chinacloudapi.cn/wwwstatic/js/slzstorage/0.1.0/slz.storage.mini.js