hsCBY 2019-10-06 05:40 采纳率: 0%
浏览 457

vue上传图片到阿里云报错

我按照网上教程
client = new oss({
这边都配置好了
})

try {
//this.imgName是图片名,this.imgUrl是一个file对象
let result = await client.put(this.imgName, this.imgUrl);
console.log(result);
} catch (e) {
console.log(e);}
},

但是总是报错图片说明
到底咋整啊

  • 写回答

2条回答 默认 最新

  • threenewbee 2019-10-06 06:50
    关注

    zm-mark.oss-cn-hangzhou.aliyuncs.com.aliyuncs.com这个域名是不是写错了,出现了两次aliyuncs.com

    评论
  • 下一个喵呜 2019-10-08 09:06
    关注

    我这边有封装好的写法略微和你有区别参考下哈

    //  这是我用来生成文件名的
    function filesName () {
      return 'oss/' + (new Date()).valueOf() + '' + parseInt(Math.random() * 100)
    }
    function  uploadImg(e, callback) {
        var file = e.target.files[0]
        var storeAs = filesName()
        var client = new OSS.Wrapper({
            accessKeyId: '', // result.AccessKeyId,
            accessKeySecret: '', // result.AccessKeySecret,
            endpoint: '',
            bucket: ''
        })
     client.multipartUpload(storeAs, file).then(function (result) {
       if (callback) {
         // 这边的判断是为了兼容浏览器,不同的浏览器返回的数据格式会不一样
         if (result.url) {
           callback(result.url.split('?')[0])
         } else {
           callback(result.res.requestUrls[0].split('?')[0])
         } 
        }
      }).catch(function (err) {
       console.log(err)
      })
    }
    

    callback 方法是用来接受参数的,其中uploadImg可以直接写在input的change事件中,用法
    uploadImg((url)=>{
    console.log(url)
    })

    展开全部

    评论
编辑
预览

报告相同问题?

悬赏问题

  • ¥15 springboot中的路径问题
  • ¥80 App Store Connect 中设置了订阅项目,Xcode 中预览可以正确显示价格,真机测试却无法显示
  • ¥15 MATLAB的PIV算法问题
  • ¥15 RflySim例程学习:matlab编译报错
  • ¥20 谁来给我解答一下疑惑
  • ¥80 有偿!!请懂注册表的翻译解析一下一小段注册表的调整内容
  • ¥15 基于52单片机 交通灯系统
  • ¥15 根据访客ip显示城市名称
  • ¥20 对文档进行操作,有偿 有意向的可以加我v
  • ¥15 brainstorm进行致痫指数分析
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部