Johnny

博观而约取
厚积而薄发

基于nodejs的前端直传oss

基于nodejs的前端直传oss

1.png

阿里云oss权限设置、跨域设置

权限设置

跨域设置

安装ali-oss

npm install ali-oss

获取client对象

getClient() {
      let OSS = require('ali-oss')
      this.client = new OSS({
          //服务器地区
        region: 'oss-cn-beijing'(填写你自己的),
        //Accesstoken中的keyid
        accessKeyId: ''(填写你自己的),
          //Accesstoken中的KeySecret
        accessKeySecret: ''(填写你自己的),
          //bucket实例名称
        bucket: ''(填写你自己的),
      })
    }

文件上传

handleFile() {
    //获取oss对象、client实例
      this.getClient()
    //取得用户选择的文件
      this.file = this.$refs.upload.files[0]
      var _this = this
      async function put() {
        try {
          let result = await _this.client.put(
              //传入文件名
            _this.$refs.upload.files[0].name,
              //传入文件
            _this.file
          )
          //获得结果中返回的url
          _this.avatar = result.url
          _this.changeMessage()
        } catch (e) {
          console.log(e)
        }
      }
      put()
    }
本原创文章未经允许不得转载 | 当前页面:Johnny-韩源-期待与你分享生活的每一天 » 基于nodejs的前端直传oss

评论