![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
阿里云OSS
_小郑有点困了
我的月亮永悬不落。
展开
-
h5使用aws s3上传图片到oss
tips操作和流程同于之前的vue上传图片到oss,不在赘述,直接上代码。代码实现:html:引入js: <script src="https://sdk.amazonaws.com/js/aws-sdk-2.1046.0.min.js"></script> <script src="./js/aws_s3.js"></script><div class="imgUpload"> <div class="tips原创 2021-12-16 13:31:40 · 1607 阅读 · 3 评论 -
vue aws s3直传图片到阿里云oss
本来之前的ali-oss用的好好的,但是后端说,要用s3,可以兼容多种形式的上传。so有了这篇文章。代码:<template> <el-upload class="avatar-uploader" v-model="Addfrom.url" action="" :on-preview="handlePreview" :on-remove="handleRemove" :on-change="handleChan.原创 2021-12-08 20:16:54 · 788 阅读 · 0 评论 -
vue直传图片到oss(多图上传)
前一篇说了单张直接上传oss,这篇写多张上传并回显效果图:oss:具体流程见前一篇文章代码实现:vue:<template> <el-upload class="avatar-uploader" v-model="Addfrom.url" action="" :on-preview="handlePreview" :on-remove="handleRemove" :on-change=".原创 2021-12-06 11:06:12 · 1460 阅读 · 0 评论 -
vue直传图片到阿里云OSS(单张直接上传)
背景:近期项目使用到多图片上传功能,常规的调用后端接口上传,可能会出现上传速度慢,体验不佳的情况。那么就考虑另一种上传方式。由前端直接上传到oss。快的一匹。。。经过摸索,也实现了。代码其实没啥难度,问题都出在阿里云这里,例如:跨域,读写权限等等,以及一个十分恶心的坑(竟然不能把目标文件夹写到配置参数里面,就很无语,百试不得,后来拼在了图片路径前面,达到了效果)首先你得去阿里云开启一个对象存储oss服务:略还得去创建一个AccessKey这两个是关键项还得创建一个bucket,用于存放原创 2021-12-06 09:49:43 · 5554 阅读 · 4 评论