程序员经验分享-hwhale

阿里云上传图片的使用，AccessKey查看，入门级别

2023-11-10

阿里云上传图片的使用

可能很多人想上传图片到云端，却连阿里云怎么使用都还不会，我这个是入门级别的教程，一步一步来
我这里先附上我自己的前端上传图片教程代码vue前端直传阿里云

首先就是点击阿里云之后进行注册

注册就不贴了啊，阿里云是可以直接用支付宝登录的，非常的方便。可以不进行实名认证，而且也不需要买什么产品，当然，你自己想买也行！

登录之后点击控制台

在这里插入图片描述

进入后将鼠标移到图片处

在这里插入图片描述

搜索OSS

在产品与服务处搜索“对象存储OSS”，然后点击
在这里插入图片描述

创建bucket

在这里插入图片描述

bucket名字随意取，地区依照你自己的情况进行选择，读写权限按照自己的情况定，如果是那种学生个人什么的小项目，那就直接公共读，没太大影响，而且方便，至于企业，那最好是全私有，其他条件默认就行

在这里插入图片描述
在这里插入图片描述
点击确认就创建成功了

点击这两个都可查看到自己共创建的bucket了

在这里插入图片描述

选择创建的bucket后，可进行设置与管理

在这里插入图片描述

看图片

这两个地方的东西是对你有用的，只看外网，其他的看了也没用，代码中需要填写的地方就在这两个地方，region里面就填写第一个箭头与横线的地址。bucket里就填第二条横线所划，也就是你自己取的bucket名
在这里插入图片描述

你可能还需要keyid和密码

鼠标指到自己的头像，下面有一个AccessKey 管理选项，点击即可
在这里插入图片描述

如果你还不会操作，请看下面布置，如果会或者已完成，请跳过

你如果是萌新，那就直接点继续使用吧
在这里插入图片描述

点击创建

里面是验证手机，直接慢慢弄，第一次还会提示是否需要下载id与密码，本人建议下载，然后你就拿到了id与密码了，如果你是看的我的上传图片的文章，那么alioss.js里面的东西到此就全部拿到了，accessKeyId里面写你刚刚得到的keyid，accessKeySecret里面写密码
在这里插入图片描述

理论上来说，现在就可以上传图片并查看了，但你是入门，那可能你还会有几个问题，你会发现这里可以直接上传图片，但是却不方便查看
先点开文件管理，自己先直接再这里上传几张图片

在这里插入图片描述

点击图片详情

不要使用https，然后点击设置http头
在这里插入图片描述
类型设置为图片所示，image/jpg，也可以批量设置这个http头，图片中写错了，注意
在这里插入图片描述

存在问题：

你可能复制自己上传的图片的地址到浏览器，却发现无法直接浏览，而是下载，那么就是最后两步的问题，看http头设置是否已更改

有问题欢迎留言
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

前端vuejs

阿里云的使用

阿里云

vuejs

nodejs

阿里云上传图片的使用，AccessKey查看，入门级别 的相关文章

  • 获取语​​音通道的用户数

    我正在重写我的音乐部分朋友不和谐机器人 https top gg bot 629799045954797609 我试图弄清楚如何获取执行命令的人的语音通道中的用户数量 我到处都找过 但似乎找不到它或它的用法 现在我正在使用以下内容 modu

  • 我如何制作 spring websocket + node.js 客户端

    我怎样才能在node js中创建一个websocket stomp客户端 WebSocketStompClient 就像我在java中用这行代码做的那样 WebSocketStompClient stompClient new WebSoc

  • 寻找在 gulp 中复制文件并根据父目录重命名的方法

    对于每个模块 我都有一些需要复制到构建目录的文件 并且正在寻找一种方法来最大限度地减少重复代码 gulp src client src modules signup index js pipe gulp dest build public

  • 如何为 Inquirer.js 编写单元测试？

    我想知道如何为 npm 包编写单元测试询问者 js https github com SBoudrias Inquirer js 这是一个让CLI打包更容易的工具 我读过了这个帖子 https glebbahmutov com blog u

  • 如何隔离 Vuetify 全局样式

    我已经开始在旧的现有项目中将 Vue js 与 Vuetify 结合使用 所以我没有重写所有前端 我只是导入了Vue并替换了一些部分 然后我注意到一个非常意想不到的行为 Vuetify 具有常见类的全局样式 例如 title它不仅影响整个页

  • 如何使用中间件拦截botbuilder sdk v4中的消息？

    我有一个在 botbuilder V3 上运行的机器人 其中我使用了一个中间件解释here https learn microsoft com en us azure bot service nodejs bot builder nodej

  • 出现错误：尝试将 Nodemailer 与 Hover.com 电子邮件一起使用时读取 ECONNRESET

    我对用于服务器开发的 Node js 相对较新 对 Nodemailer 也绝对是新手 但它似乎是满足我需求的一个不错的选择 我让它使用 gmail 帐户作为测试 但我一直试图通过 Hover com 将其转换为使用电子邮件地址 但我收到错

  • 如何在Electron App中调用C# dll方法？

    我有一个电子应用程序 可以从读卡器读取信用卡详细信息 他们提供了一个 c dll 来与应用程序交互 我不知道如何从电子应用程序读取 dll 方法 首先使用以下命令检查 dll 中公开的函数依赖步行者 http www dependencyw

  • MongoDB：如何在更新之前对查询进行排序

    我正在编写一个 Meteor Node js 应用程序 它在后端使用 MongoDB 在我的代码中的某个时刻 我需要更新specific集合中的文档 我需要使用 Mongo 的 update 方法 但我在传递正确的 复杂的 查询以缩小到该特

  • npm 错误！ asyncWrite 不是一个函数

    npm 安装 g firebase tools npm 错误 asyncWrite 不是一个函数 npm 错误 pna nextTick 不是函数 npm 错误 此运行的完整日志可以在以下位置找到 npm 错误 home developer

  • 对数组进行分组并获取计数[重复]

    这个问题在这里已经有答案了 假设我有这样的数组 foo bar foo bar bar bar zoom 我想将其分组 这样我就可以得到这样的计数 foo 2 bar 4 zoom 1 有没有一个实用程序可以做到这一点 只需使用该功能Arr

  • 使用 multer 上传来自不同字段的多个文件？

    如何让 multer 接受来自多个文件类型字段的文件 我有以下代码 使用 node js 中的 multer 上传单个文件 var storage multer diskStorage destination function req fi

  • 将 JSON var 从路由传递到 ejs

    我在express EJS中有一些代码 1 在 app js 中 创建 mongo 集合对象 app locals userCollection db get userData 2 在user js快速路由文件中 我从这个数据库连接获取数据

  • 如何从node js发送json数据到html页面

    我已经使用 Node js Express 从 facebook 获取了一系列 json 数据 现在我想将数据发送到 html 页面 但我不知道如何发送数据并在 html 中对数据进行编码 如果您在 node js 中使用 Express

  • 如何在 Express.js 中设置身份验证中间件

    我已经设置了一个网络应用程序 其中一些内部页面需要登录 我使用 Node 和 Express js 来设置服务器并控制路由和身份验证工作正常 我在 a 中提出了 zanko 建议与同一应用程序相关的问题 https stackoverflo

  • 将缓冲区数据转换为图像

    我如何将此缓冲区数据转换为图像 以便当循环结果并将其呈现在 img src 中时 它将呈现为用户可以看到的图像 我正在使用 ejs 来渲染它 span img class user with avatar src gt span 当我 co

  • Express.js 路由错误：发送后无法设置标头

    我不太确定为什么会出现此错误 它是一个基于express js 构建的简单 API 能够添加和删除帖子 当我触发删除路由器时发生错误 我读过 当有两个回调时 通常会发生错误 但是 我似乎找不到任何双重回调 http outgoing js

  • Mocha / Chai Expect.to.throw 未捕获抛出的错误

    我在获取 Chai 时遇到问题expect to throw测试我的 node js 应用程序 测试在抛出的错误上不断失败 但是如果我将测试用例包装在 try 和 catch 中 并对捕获的错误进行断言 它就会起作用 Does expect

  • node.js、vue.js 和express.js 堆栈开发

    我正在尝试使用 Linux 上的 Visual Studio Code IDE 使用 vue js express js 和 node js 创建一个 Web 应用程序 根据网上的一些文档 我读到安装 vue js 后 可以创建一个vue

  • Laravel Echo 不监听推送事件

    尝试使用 laravel 和 vuejs 创建一种聊天应用程序 发送消息后 我会从 laravel 触发事件 该事件会使用正确的事件类反映在推送器调试控制台上 但根本不会调用来自 vuejs 的监听回调 created window Ech

随机推荐

  • 《机器学习》理论——速读学习3 进阶知识

    机器学习 理论 速读学习3 进阶知识 该系列文章系个人读书笔记及总结性内容 任何组织和个人不得转载进行商业活动 time 2022 01 12 学习目标 我需要了解神经网络除了工程化部分之外的更多内容 以便于在实际有效数据中可以获得抽象模型

  • OpenCV：copyMakeBorder的用法

    在OpenCV滤波算法中 有两个非常重要的基本工具函数 copyMakeBorder和borderInterpolate copyMakeBorder 函数原型 void copyMakeBorder const Mat src Mat d

  • Makefile总结

    总结下边的内容 文件中的第一个target是最终目标 命令列表中的每条命令必须以 Tab 开头 如果 prerequistes 中如果有一个以上的文件比 target 文件更新的话 command 所定义的命令就会执行 这就是 Makefi

  • 利用PCL点云下采样实现数据体素化

    利用PCL点云下采样实现数据体素化 PCL PCL Point Cloud Library 库集成了针对大体量级别的空间点数据处理所需要的算法和操作 降低了处理相关需求的复杂度 对快速建立点云数据文档和渲染有着很好的作用 体素化Voxeli

  • 100天精通Python（可视化篇）——第80天：matplotlib绘制不同种类炫酷柱状图代码实战（簇状、堆积、横向、百分比、3D柱状图）

    文章目录 0 专栏导读 1 普通柱状图 2 簇状柱形图 3 堆积柱形图 4 横向柱状图 5 横向双向柱状图 6 百分比堆积柱形图 7 3D柱形图 8 3D堆积柱形图

  • Xilinx Vivado 流水灯实验

    流水灯设计时需要考虑哪些因素 流水灯设计流程的基本步骤及各步骤主要功能 各文件的作用 流水灯IPI设计流程的基本步骤及各步骤主要功能 IP集成设计的优点 文件注释 verilog语言 当时这部分花时间自学的

  • python：thread模块

    该包在 Python 2 中属于正常可用状态 但在 Python 3 中处于即将废弃的状态 虽然还可以用 但包名被改为 thread 使用 thread 包首先要引入该包 在 Python 2 中使用下面的语句来引入 import thre

  • 实时音频编解码之十七 Opus解码 SILK解码

    本文谢绝任何形式转载 谢谢 5 2 Silk解码流程 解码器线性预测层主要使用长短时预测合成滤波器对激励信号滤波实现 线性预测层内部的工作带宽为NB MB以及WB 对于SWB以及FB的混合编码工作模式 线性预测层依然工作于WB带宽下 经过区

  • Qt Creator 5.9.9下载与安装图解详细教程

    Qt Creator 5 9 9下载与安装图解详细教程 一 Qt Creator 下载 推荐最新版5 9 9 网上可能推荐4 x x 但实际上不是做专业UI项目的话Qt Creator版本越新越好 其一 安装包给你集合到一个 exe里面 不

  • 期货开户手续费有哪些优惠？

    在网上随便找一位期货公司经纪人 直接说你有帐户但手续费高 现在想换一家手续费低的期货公司 这样通常就能开到最低手续费帐户了 或者直接点问 手续费能不能加一分 简单明了 如果手续费相同的情况下 还得考虑期货公司的保证金 交易软件 服务等因素来

  • php layui post文件上传,layui框架实现文件上传及TP3.2.3(thinkPHP)对上传文件进行后台处理操作示例...

    本文实例讲述了layui框架实现文件上传及TP3 2 3对上传文件进行后台处理操作 分享给大家供大家参考 具体如下 layui框架是1 0 9版本 首先html页面代码如下 js代码如下 layui use upload function

  • UDP网络基础知识简介

    作者简介 CSDN2021博客之星亚军 新星计划导师 博客专家 哪吒多年工作总结 Java学习路线总结 搬砖工逆袭Java架构师 关注公众号 哪吒编程 回复1024 获取Java学习路线思维导图 大厂面试真题 加入万粉计划交流群 一起学习进

  • OpenGL学习笔记（二）-着色器-纹理

    参考网址 LearnOpenGL 中文版 哔哩哔哩教程 第一章 入门 1 3 着色器 1 3 1 基本结构 利用着色器语言编写着色器 以顶点着色器和片段着色器为例 在着在顶点着色器中输出颜色变量vertexColor 在片段着色器中输入变量

  • JDK 17 营销初体验 —— 亚毫秒停顿 ZGC 落地实践

    前言 自 2014 年发布以来 JDK 8 一直都是相当热门的 JDK 版本 其原因就是对底层数据结构 JVM 性能以及开发体验做了重大升级 得到了开发人员的认可 但距离 JDK 8 发布已经过去了 9 年 那么这 9 年的时间 JDK 做

  • 如何理解凸优化中的共轭函数的定义？

    共轭函数的意义主要就是 一个函数即便不是凸函数 但通过共轭法获得一个凸函数 很方便求解全局最优解的问题 另外 共轭函数亦称对偶函数 极化函数 函数的某种对偶变换 过多的东西我就不再赘述了 此处我是想着重讲一讲为什么共轭函数是可以 保凸 的

  • 中国物流，驶入大航海时代

    出海的一体化 不仅仅是物流的一体化 更是产业链 供应链的一体化 在诸多问题下 想要帮助企业更好地出海 就不能只专注于自身的长板 而是需要先补齐短板 作者 斗斗 编辑 皮爷 出品 产业家 出海时代真的要来了 这种感觉从未如此强烈过 在过去两年

  • React项目中使用svg组件

    使用react svg模块 安装依赖 yarn add D react svg 新建index js文件 import React from react import ReactSVG from react svg function get

  • 【笔记】scanf函数：读取参照getchar()

    Reference 浅谈关于空格和回车对于输入函数的影响 程序猿的探索之路的博客 CSDN博客 c语言scanf输入打空格的影响 Note 回车键 依次包含 LF NL line feed new line 十进制 10 和 CR carr

  • css怎么设置div滚动条

    随着网页及移动端应用的发展 滚动条成为了一种不可或缺的用户体验 而 CSS3 提供的一系列滚动条样式设置使得我们可以更加灵活地定制滚动条的样式 今天我们就来一起探讨一下如何利用CSS来设置div滚动条 一 基础设置 我们在HTML中定义一个

  • 阿里云上传图片的使用，AccessKey查看，入门级别

    阿里云上传图片的使用 可能很多人想上传图片到云端 却连阿里云怎么使用都还不会 我这个是入门级别的教程 一步一步来 我这里先附上我自己的前端上传图片教程代码vue前端直传阿里云 首先就是点击阿里云之后进行注册 注册就不贴了啊 阿里云是可以直接

热门标签