vue-cli 上传图片上传到OSS(阿里云)
2023-09-11 14:17:23 时间
https://help.aliyun.com/document_detail/32068.html?spm=5176.doc32069.6.304.Qc4SUs(看)
https://help.aliyun.com/document_detail/64095.html?spm=a2c4g.11186623.6.773.kcD20n(看)
https://github.com/ali-sdk/ali-oss?spm=a2c4g.11186623.2.12.23a710d5Q5CD1b(git)
'https://'+ bucket+ region+'.aliyuncs.com'+imgUrl
let client = new OSS({
region: "区域",
accessKeyId: "",
accessKeySecret: "",
bucket: "项目段"
});
//在函数中执行
let timestamp = Date.parse(new Date());
let string_4 = "";
for (let i = 0; i < 4; i++) {
string_4 += Math.floor(Math.random() * 9 + 1);
}
let imgUrl = "product-res/" + timestamp + string_4;
console.log(imgUrl);
console.log(headerUrl + "/" + imgUrl);
var file = obj.target.files[0]; //获取文件流
client
.multipartUpload(imgUrl, file)
.then(function(result) {
console.log(result);
})
.catch(function(err) {
console.log(err);
});
console.log(client);
相关文章
- import Vue from 'vue';
- 【Vue】通过text按键执行事件,并且获取到按键的名称和编码
- 【Vue】通过“插值语法”和“数据绑定”为html元素赋值(图文+完整示例)
- Vue - 超详细 “纯前端“ 将文件上传到阿里云 OSS 对象存储,最新阿里云 SDK 上传音频、视频、图片、文档、office 等(保姆级详细示例源码教程,每行代码都有注释小白一看就懂)
- Vue——详解MVVM模型在vue中的使用
- vue 使用jssdk分享
- Vue 国际化之 vue-i18n 的使用
- Vue Provide / Inject 详细介绍(跨组件通信、响应式变化、版本变化)
- Vue项目 跨域 解决方案与 vue.config.js 配置解析
- Vue知识点总结(8)——filter过滤器(超级详细)
- vue-cli脚手架之package.json
- vue中安装及使用animate.css
- vue学习笔记三:Jquery VS Vue之差异比较概览
- vue-router4之重定向与别名
- Vue 安装“npm install -g @vue/cli”发生npm WARN deprecated request@2.88.2: request has been deprecated,的错误解决方法
- 浅谈vue中插件的使用方法Vue.use(xxx),原理及实现
- vue项目在git commit时,使用eslint检测
- vue项目加入百度统计
- 浅析Vue数据更新了但页面不更新的7种情况及vue异步更新带来的数据响应的误解
- 前端技术:vue(基本使用+安装chrome vue插件)
- 【VUE】vue配置Gzip压缩
- Vue动态控制input的disabled属性的方法
- 手写Vue (1) 准备工作
- vue-ssr
- VUE 在组件中 获取 路由信息
- 浅谈vue中插件的使用方法Vue.use(xxx),原理及实现
- [Vue-Treeselect Warning] Are you meant to dynamically load options? You need to use "loadOptions" prop.
- vue 使用aes加密和rsa加密过程
- vue 登录页背景-粒子特效(Vue-Particles)