vue中使用腾讯云对象存储来上传文件

最近在做网页的时候,遇到一个上传图片的功能,经商量后,打算直接上传到腾讯云对象存储上并获得储存地址来返回给后端。因为用的是vue框架,所以在这个过程中遇到一些问题,把它记录下来,希望对大家有所帮助。

1,SDK 获取

对象存储服务的 XML JS SDK 资源 github 地址:tencentyun/cos-js-sdk-v5。

然后下载在index.html中引入:

下面是我的index.html文件



 

   

   

    对象储存

   

   

 

 

   

   

 



接下来在需要用到上传文件的组件结构中加上input,type为file,添加一个change事件,通过$event来把input中的传到shangchuan这个方法中





然后是该组件的script中的操作




当返回200时,就是成功啦。

大家使用vue框架时遇到了这个问题可以借鉴一下呢,希望能对大家有所帮助

你可能感兴趣的:(vue中使用腾讯云对象存储来上传文件)