layui使用OSS上传

1、首先要把aliyun-oss-sdk.js包下载下来，放到指定的目录下面  在要用的页面引入或者在index.html入口文件全局引入；

?

1	<script src="util/aliyun-oss-sdk.js"></script>

　　我是放到util文件下面，在util里创建公用js的文件，在里面编写

  getClient: function () {
    return new OSS.Wrapper({
      region: 'oss-cn-shanghai', //你的oss地址 ，具体位置见下图
      accessKeyId: 'LTAIREJEnnClPTln', //你的ak
      accessKeySecret: '65B1DuHC2FslxxWjJXdhJyXSs7tMV5', //你的secret
      bucket: 'tmxkshop' //你的oss名字
    });
  },

2、在你要用的页面这样写：

    var client = util.getClient();
    var loading = null;
    $("#txtFile_up_follow").on("change", function () {
      if (this.files.length > 1) return layer.msg("只能上传一张图片");

      for (var i = 0; i < this.files.length; i++) {
        var extensionName = this.files[i].name.substr(
          this.files[i].name.lastIndexOf(".")
        ); // 文件扩展名
        if (
          !(
            extensionName === ".png" ||
            extensionName === ".jpg" ||
            extensionName === ".jpeg"
          )
        )
          return layer.msg("请上传png或jpg或jpeg格式图片");
      }
      loading = layer.load(2);
      for (var i = 0; i < this.files.length; i++) {
        clientUpload(this.files[i], this.files.length);
      }
    });
    function clientUpload(fileItem, fileLength) {
      arr = []; //每重新上传之前 清空arr
      var datetoday = util.getTodayDate();
      var randomStr = "/" + new Date().getTime() + util.randomString(4); //  4位随机字符串
      var extensionName = fileItem.name.substr(fileItem.name.lastIndexOf(".")); // 文件扩展名
      var fileName = "image/" + datetoday + randomStr + extensionName; // 文件名字（相对于根目录的路径 + 文件名）
      client.multipartUpload(fileName, fileItem).then(function (result) {
        if (result.res.status === 200) {
          arr.push(result.res.requestUrls[0].split("?")[0].replace('http', 'https'));
          if (arr.length >= fileLength) {
            $(".accPic").attr("src", arr[0]);
            $("input[name='url']").val(arr[0]);
            $(".showImg").show();
          } else {
            $(".showImg").hide();
          }
          layer.close(loading);
        } else {
          layer.msg("文件上传失败");
        }
      });
    }