二十一、修改头像(2)----上传头像图片

上传图片的存储服务器用的是阿里云的OSS,这不是广告偷笑。买的是40G/一年的试用版,9块钱。

首先要搞清楚OSS几个专业术语:

1、AccessKeyId和AccessKeySecret都是在下图中箭头所指位置点进去获取到的,这个是业务key,不能透露。


2、bucketName新建的bucket的名字

3、objectKey就是文件在OSS中取的名字

4、endpoint是“oss-cn-shenzhen.aliyuncs.com”(深圳服务器),不是OSS外网域名


android代码接入过程:

1、去服务器获取上传文件信息

上述的bucketName和objectKey、endpoint最好都这个时候去我们自己的服务器获取下来。

我一开始报bucketName错误,就是因为endpoint填成了OSS外网域名,导致不匹配。

2、去服务器获取签名

遇到异常:Authorization header is invalid.

调了很久都没发现问题,最后在自签名方法中获取signature错误,导致返回null,这是我自己粗心的问题,但是真的浪费了很多时间去查找问题。

OSSCredentialProvider credentialProvider = new OSSCustomSignerCredentialProvider() {
    @Override
    public String signContent(String s) {
	// callback是服务器返回回来的签名内容,这段是http同步请求,代码略
        return callback.data.optString("signature");
    }
};
3、前两部都完成了那就so easy了,后面调用OSS方法上传就是了。


参考:

https://bbs.aliyun.com/read/269745.html

要在vue-admin-template中实现上传头像功能,可以参考vue-element-admin中的实现方法。首先,需要将头像上传组件的代码从vue-element-admin的avatarUpload.vue文件中提取出来。然后,将这些代码添加到vue-admin-template中的form.vue文件中。具体步骤如下: 1. 打开vue-element-admin项目中的avatarUpload.vue文件,查找头像上传组件的代码。 2. 将这些代码复制到vue-admin-template项目中的form.vue文件中的合适位置。 3. 需要注意根据具体需求进行相应的修改,可能需要调整组件的样式、路径或者其他属性。 4. 根据vue-admin-template的文件目录结构和组件引用方式,确保头像上传组件的路径和引用方式正确无误。 5. 保存文件并重新编译运行vue-admin-template项目,确保上传头像功能已经成功添加。 通过以上步骤,你就可以将vue-element-admin中的头像上传功能移植到vue-admin-template中了。请根据具体情况进行调整和修改。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [vue-admin-template开发(头像上传功能)](https://blog.csdn.net/m0_46991388/article/details/117015841)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值