文件上传-阿里云OSS-存储文件

红太狼 2022-06-09 02:14 224阅读 0赞

# JS上传文件到阿里云OSS #

> OSS支持流式写入和读出。特别适合视频等大文件的边写边读业务场景。
> 
> 注意在OSS的控制台：跨域管理中设置允许的方法

![这里写图片描述][SouthEast]

<script>
            var client = new OSS.Wrapper({
                region : 'oss-cn-beijing',
                accessKeyId : '输入你的accessKeyId ',
                accessKeySecret : '输入你的accessKeySecret ',
                bucket : '你的存储空间名字'
            });
            function on_click_upload_file(){
                var file = document.getElementById("file").files[0];
                if (file == null || file == "") {
                    alert("你还没有选择任何文件，不能上传!");
                    return false;
                }
                console.log(file.name);
                var val= document.getElementById("file").value;
                //定义允许上传的文件类型
                var allow_ext = ".xls|.xlsx|.csv|";
                //获取后缀名
                var suffix = val.substr(val.lastIndexOf("."));
                //判断上传文件类型是否允许上传
                if (allow_ext.indexOf(suffix + "|") == -1) {
                    var errMsg = "该文件不允许上传，请上传" + allow_ext + "类型的文件,当前文件类型为：" + suffix;
                    alert(errMsg);
                    return false;
                }
                var obj=timestamp();  // 这里是生成文件名
                var storeAs =obj+suffix;  //命名空间
                console.log(' => ' + storeAs);
    
                client.multipartUpload(storeAs, file).then(function (result) {
                    console.log(result);//返回对象
                    console.log(result.url); //返回链接
                }).catch(function (err) {
                    console.log(err);
                });
            }
            /**
             * 生成文件名
             * @returns
             */
            function timestamp(){
                var time = new Date();
                var y = time.getFullYear();
                var m = time.getMonth()+1;
                var d = time.getDate();
                var h = time.getHours();
                var mm = time.getMinutes();
                var s = time.getSeconds();
                console.log(y);
                return ""+y+add0(m)+add0(d)+add0(h)+add0(mm)+add0(s);
            }
            function add0(m){
                return m<10?'0'+m : m;
            }
        </script>
    ... prompt'''

[SouthEast]: /images/20220609/c89e85c154be4a8797261cf228208fb5.png

发表评论取消回复

表情：

评论列表（有 0 条评论，224人围观）

还没有评论，来说两句吧...

相关阅读

相关 java 阿里云 oss 文件上传

一、配置信息，在 application.properties中配置 import java.io.Serializable; import org

雨点打透心脏的1/2处/ 2022年12月29日 11:27/ 0 赞/ 114 阅读

相关 SpringBoot 整合阿里云 OSS 对象存储文件上传

1. 准备工作：一、首先登录阿里云OSS对象存储控制台创建一个Bucket作为你的存储空间。二、创建Access Keyan按要求创建进行，这里的方法步骤我就不展

淡淡的烟草味﹌/ 2022年11月19日 04:15/ 0 赞/ 198 阅读

相关阿里云OSS对象存储上传文件java代码

OSS对象存储 OSS对象存储是专门用来存储图片视频文件等。这里用阿里云实例依赖  <depe

清疚/ 2022年11月07日 11:32/ 0 赞/ 182 阅读

相关 Nest.js阿里云OSS文件上传

使用步骤新建bucket 首先登陆阿里云，进入控制台，对象存储OSS。 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_

小鱼儿/ 2022年11月07日 04:20/ 0 赞/ 379 阅读

相关 Erlang上传文件至阿里云OSS

> 忙了快一个月忘记写博客这茬了，正好今天阿里云工作人员又给我打电话我才想起我还买过一个OSS资源包，今天写一个如何调用Erlang代码来将文件资源上传至OSS对象存储中。

系统管理员/ 2022年09月10日 01:26/ 0 赞/ 196 阅读

相关文件上传-阿里云OSS-存储文件

JS上传文件到阿里云OSS > OSS支持流式写入和读出。特别适合视频等大文件的边写边读业务场景。 > > 注意在OSS的控制台：跨域管理中设置允许的方法 ![这里写

红太狼/ 2022年06月09日 02:14/ 0 赞/ 225 阅读

相关使用阿里云OSS上传文件

> 本文介绍如何利用Java API操作阿里云OSS对象存储。 1.控制台操作首先介绍一下阿里云OSS对象存储的一些基本概念。 1.1 进入对象存储界面登录

逃离我推掉我的手/ 2022年05月01日 12:18/ 0 赞/ 243 阅读

相关使用阿里云OSS上传文件

> 本文介绍如何利用Java API操作阿里云OSS对象存储。 1.控制台操作首先介绍一下阿里云OSS对象存储的一些基本概念。 1.1 进入对象存储界面登录

今天药忘吃喽~/ 2022年01月30日 06:13/ 0 赞/ 375 阅读

相关 laravel oss文件上传到阿里云

需要自己注册阿里云账号并且开通oss服务，建立Bucket存储空间 ![å¨è¿éæå¥å¾çæè¿°][watermark_type_ZmFuZ3poZW5naGVp

逃离我推掉我的手/ 2021年12月03日 03:37/ 0 赞/ 384 阅读

相关阿里云对象存储OSS实现文件的上传

一.阿里云OSS简介 > 阿里云对象存储服务，简称 OSS，是一种面向海量数据规模的分布式存储服务，具有稳定、可靠、安全、低成本的特点，能够提供十一个九的数据可靠性。O

清疚/ 2021年09月25日 07:42/ 0 赞/ 880 阅读