当前位置: 首页 > Web前端 > vue.js

基于nodejs的前端直传oss

时间:2023-04-01 12:56:07 vue.js

基于nodejs的前端直传oss阿里云oss权限设置,跨域设置权限设置跨域设置installali-ossnpminstallali-ossgetclientobjectgetClient(){letOSS=require('ali-oss')this.client=newOSS({//Serverregionregion:'oss-cn-beijing',//Accesstoken中的keyidaccessKeyId:'LTAI4FhbwaMVJFsRBDFqqaB6',//Accesstoken中的KeySecretaccessKeySecret:'haBJpDQYdrUjqkZkUnXNEZT20fvdz9',//bucketinstancenamebucket:'johnnycc',})}FileuploadhandleFile(){//获取oss对象,client实例this.getClient()//获取用户选择的文件this.file=this.$refs.upload.files[0]var_this=thisasyncfunctionput(){try{letresult=await_this.client.put(//传入文件名_this.$refs.upload.files[0].name,//传入文件_this.file)//获取result中返回的url_this.avatar=result.url_this.changeMes??sage()}catch(e){console.log(e)}}put()}更多内容请关注约翰我的博客