欢迎访问 生活随笔!

生活随笔

当前位置: 首页 >

js 导出pdf上传至oss_js实现oss文件上传及一些问题

发布时间:2023/12/3 63 豆豆
生活随笔 收集整理的这篇文章主要介绍了 js 导出pdf上传至oss_js实现oss文件上传及一些问题 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

关于兼容性问题,ie8以下的可以使用4.x的版本

一、引入sdk和jq

二、基本配置

var client =newOSS.Wrapper({

region:'',

accessKeyId:'‘,

accessKeySecret:'',

bucket:''})

region:阿里云服务器地址

accessKeyId:您的key

accessKeySecret:您的密码,

bucket:你要上传到那个文件夹下; 这个需要在阿里云服务器建立

三、获取文件列表

client.list({'max-keys':10}).then(function(res) {

console.log(res)

}).catch(function(err){

console.log(err)

})

这个时候一般会出现跨越问题,解决办法是:

1.选择你自己新建的Bucket文件

2.找到tab栏中的基础设置

3.设置跨越

当上传的文件超过100k时会报错,解决方法是在下图中暴露Headers选项中加入:

etag

x-oss-request-id

x-oss-meta-test

这三个值即可。

四、完整代码

js oss文件上传测试

var client =newOSS.Wrapper({

region:'',

accessKeyId:'',

accessKeySecret:'',

bucket:''})//获取oss文件列表

client.list({'max-keys':10}).then(function(res) {

console.log(res)

}).catch(function(err){

console.log(err)

})

$("#file").change(function() {

client.multipartUpload(this.files[0].name, this.files[0]).then(function(result) {

console.log(result);

}).catch(function(err) {

console.log(err);

});

});

参考地址:

https://www.cnblogs.com/ossteam/p/4942227.html

https://blog.csdn.net/dc2222333/article/details/79409513

https://www.cnblogs.com/MainActivity/p/8492211.html

创作挑战赛新人创作奖励来咯,坚持创作打卡瓜分现金大奖

总结

以上是生活随笔为你收集整理的js 导出pdf上传至oss_js实现oss文件上传及一些问题的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。