阿里云OSS对象存储 , js 上传文件

function uploadFile2(){// 上传后的文件路径和文件名var fileName = "20220420/使用ajax上传图片.jpg";// 获取oss上传令牌$.ajax({url: "http://www.mxpxxxxx58.com/Home/GetOSS?path="+fileName,dataType: "json",async: false,success: function (obj) {var base64Str = "iVB1xxxxxxxxxxJRU5ErkJggg==";var tofile = dataURLtoFile(base64Str, "name.jpg");var form = new FormData();form.append("key", obj.Data.key);form.append("bucket", obj.Data.bucket);form.append("x-oss-meta-tag", "dummy_etag_xxx");form.append("OSSAccessKeyId", obj.Data.OSSAccessKeyId);form.append("policy", obj.Data.policy);form.append("Signature", obj.Data.Signature);form.append("file", tofile);var tempFilePath = obj.Data.key;var bucketName = obj.Data.bucket;$.ajax({url: "https://imxxx-mx-nxx.oss-us-west-1.aliyuncs.com",dataType: "json",data:form,type: "POST",// 告诉jQuery不要去处理发送的数据，用于对data参数进行序列化处理 这里必须false processData: false,// 告诉jQuery不要去设置Content-Type请求头contentType: false,async: false,success: function (obj) {var ossUrl = "https://"+bucketName+".oss-us-west-1.aliyuncs.com/"+tempFilePath;alert("成功"+ossUrl)},error:function(retMsg){alert("上传失败,请重试!");}})}})
}function dataURLtoFile(dataurl, filename) {var mime = 'image/jpg',bstr = atob(dataurl),n = bstr.length,u8arr = new Uint8Array(n);while (n--) {u8arr[n] = bstr.charCodeAt(n);}return new File([u8arr], filename, { type: mime });}
function ConvertClick(base64url) {var file = dataURLtoFile(base64url, "test.png");let container = new DataTransfer();container.items.add(file);document.querySelector('#file').files = container.files;var newfile = document.querySelector('#file').files[0];}

阿里云OSS对象存储 , js 上传文件相关推荐

阿里云OSS对象存储服务上传失败问题之一
简介: OSS是阿里云提供一个对象存储服务,有着稳定高效的特点,但在操作时有些问题还是必须要注意一下的今天在进行上传头像的操作时,发生了一个OSS连接时出现的问题,导致头像上传失败,问题的样式如下图 ...
【Typora图床设置】Typora图片上传和阿里云OSS对象存储
问题描述因为Typora是纯文本编辑器,所以无法导入图片,但是可以显示图片.换句话说,Typora文档中保存的图片实际上是图片的存储地址,Typora会根据这个地址来显示图片.我们在使用Typora ...
java oss 批量传输_阿里云OSS对象存储，服务端签名后直传阿里云OSS
继续上一章文章,这次要操作的是,浏览器请求服务要到签名后直传给OSS对象存储. 1.写好服务端的方法,传给前台相应的密钥 @Resource OSSClient ossClient; @Value(& ...
阿里云OSS对象存储-图文详解
阿里云OSS对象存储认识OSS 一.创建Bucket 二.后台服务接口编写三.接口测试认识OSS 在实际的项目中,经常要用到上传图片的地方,阿里云的OSS对象存储,可以很好的将我们上传的图片存储 ...
阿里云OSS对象存储搭建网盘教程
阿里云OSS对象存储高可靠数据存储服务,使用OSS对象存储搭建个人网盘或企业网盘,存储可靠性高下载不限速,当然阿里云推出了自家的网盘,码笔记分享使用OSS对象存储搭建个人网盘或企业网盘的方法: 使用O ...
阿里云oss对象存储实现自定义域名
阿里云oss对象存储实现自定义域名阿里云OSS配置域名创建bucket 选择bucket,找到对应的域名管理,绑定用户域名测试是否成功参考博客阿里云OSS域名配置及简单上传
5分钟解决阿里云oss对象存储
5分钟解决阿里云OSS对象存储后附关键代码启动代码如下: pom.xml里添加依赖 com.aliyun.oss aliyun-sdk-oss 2.8.3 1.建类AliyunOSSClientU ...
Java使用阿里云OSS对象存储上传图片
示例说明该案例是OSS Java SDK的示例程序,您可以修改endpoint.accessKeyId.accessKeySecret.bucketName后直接运行. 本示例中的并不包括OSS ...
6、阿里云OSS对象存储手把手学习及企业使用方案
文章目录 1.什么是分布式文件系统 2.图片存储解决方案 3.阿里云OSS对象存储 3.1.开通oss访问 3.2.购买服务 3.3.基本概念 3.4.创建一个bucket 3.5.创建AccessK ...

阿里云OSS对象存储 , js 上传文件

阿里云OSS对象存储 , js 上传文件相关推荐

最新文章

热门文章