美文网首页
阿里云OSS上传文件

阿里云OSS上传文件

作者: 麦田守望者_ab6b | 来源:发表于2018-09-29 14:37 被阅读0次

项目中使用到上传文件功能,网上搜索了下选择使用阿里云oss上传,查看官方文档。
账号配置:

  let OSS = require("ali-oss");
  let client = new OSS({
    region: "oss-cn-beijing",
    accessKeyId: "xxxxx",
    accessKeySecret: "xxxxx",
    bucket: "xxxxx"
  });
  if (!client) {
    this.$emit("error", { msg: "oss初始化未完成" });
    return;
  }

上传

  client
    .multipartUpload(storePath, file)
    .then(response => {
      console.log(response);
      if (response.res.status === 200) {

      } else {

      }
    })
    .catch(error => {
      console.log(error);
    });

OK!开始上传,发现返回跨域错误,搜索查看发现要进行跨域配置,设置来源origin允许当前域名即可。

相关文章

  • http jar 冲突导致oss上传失败

    使用oss上传文件到阿里云oss报错: While executing [invoke] encountered ...

  • 文件上传的实现方式

    常见的文件上传方式 阿里云上传 阿里云直传oss(不经过中间服务器中转) 配置项options checkpoin...

  • 阿里云OSS图片上传实践

    目前公司里的项目用到的文件管理服务都是阿里云OSS,下面介绍下Android端上传图片到阿里云OSS的具体实践。 ...

  • OSS上传文件

    阿里云OSS上传文件[https://help.aliyun.com/document_detail/32058....

  • Vue上传文件到OSS并校验文件的md5值

    Vue上传文件到OSS并校验文件的md5值 最近在做的项目中需要在Vue中上传文件到阿里云OSS,还需要在上传之前...

  • 阿里云OSS上传文件

    项目中使用到上传文件功能,网上搜索了下选择使用阿里云oss上传,查看官方文档。账号配置: 上传 OK!开始上传,发...

  • 阿里云OSS文件上传的文档补充

    最近在做文件上传 相关功能,发现阿里云OSS文件上传,NodeSDK文档描述不清晰,故补充在此,方便后人! 对接过...

  • vue页面使用阿里云oss

    web上传文件到阿里云oss 基于vue2.0的上传页面,采用分片上传 源码 Install 1.git clon...

  • 无标题文章

    html5表单使用阿里云 oss直传 使用PostObject上传文件 前台 后台 public function...

  • 封装直传阿里云存储文件上传控件

    本文目标 封装一个直传阿里云OSS云存储图片上传控件 控件效果图 上传之前 上传成功 预览图片 文件上传前后台及阿...

网友评论

      本文标题:阿里云OSS上传文件

      本文链接:https://www.haomeiwen.com/subject/tqbvoftx.html