阿里云 oss html js图片上传

最新推荐文章于 2024-07-31 13:53:13 发布

qq_盟主

最新推荐文章于 2024-07-31 13:53:13 发布

阅读量749

点赞数

分类专栏： html 文章标签： oss aliyun oss js html js oss 图片上传

本文链接：https://blog.csdn.net/qq_22014149/article/details/89312633

版权

本文详细介绍了如何通过HTML和JavaScript实现阿里云OSS上的图片上传，包括HTML表单的设置和JavaScript代码的实现，提供了一个具体的实例链接供参考。

摘要由CSDN通过智能技术生成

html代码：

 <img id="imgpd1" style="width: 2.8rem; height: 2.8rem;" "selectImagepd(this)" src="" />
 <input id="imageFilepd1" name="imgUpload" type="file" />

js代码：

<script src="http://gosspublic.alicdn.com/aliyun-oss-sdk-4.4.4.min.js"></script>
<script>
let client = new OSS.Wrapper({
    region: 'oss-cn-beijing',
    accessKeyId: '**accessKeyId**',
    accessKeySecret: '**accessKeySecret**',
    bucket: '**bucket**'
  });

function selectImagepd(myself){
	var updateButtonId = myself.id; //  获取 修改按钮 的id 然后 获取他的数字   	
	var num = (myself.id).replace(/[^0-9]/ig,""); // 用来提取id字符串中的数字	
	$('#imageFilepd'+num).click();   //  触发 file 的 单击事件
	$('#imageFilepd'+num).change(function (){
		console.info("updateIMage");
		var file =