首页
学习
活动
专区
圈层
工具
发布

Web直传OSS

最近公司需求,前端直接传图片到OSS,一般我们都是传到服务器后台,然后由后台存储。这样其实有一些缺点,OSSAPI上面说: 1、 上传慢。先上传到应用服务器,再上传到OSS,网络传送多了一倍。...如果数据直传到OSS,不走应用服务器,速度将大大提升,而且OSS是采用BGP带宽,能保证各地各运营商的速度。 2、 扩展性不好。如果后续用户多了,应用服务器会成为瓶颈。 3、 费用高。...由于OSS上传流量是免费的。如果数据直传到OSS,不走应用服务器,那么将能省下几台应用服务器。...在这边不得不吐槽一下OSS的API,是真的很烂,基本找不到好的方法,都是基于百度才做出来的,当然,我使用的方法估计还有一些坑,只是能实现了我的功能。...首先是引入OSS的SDK,本来使用npm安装,但是import失败,还是使用script引入。API上面直接new OSS,使用了,直接报错,要调用Wrapper方法。

22.7K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    OSS上访问静态网页

    OSS静态网站托管支持 为了使您更方便地管理在OSS上托管的静态网站,OSS支持以下功能: 静态页面支持(Index Document Support) 静态页是指当用户直接访问静态网站域名时,OSS...用户访问http://oss-sample.oss-cn-hangzhou.aliyuncs.com/和http://oss-sample.oss-cn-hangzhou.aliyuncs.com/...用户访问 http://oss-sample.oss-cn-hangzhou.aliyuncs.com/object 的时候,如果object不存在,OSS会返回http://oss-sample.oss-cn-hangzhou.aliyuncs.com...若已开通子目录首页 用户访问http://oss-sample.oss-cn-hangzhou.aliyuncs.com/的时候,相当于访问http://oss-sample.oss-cn-hangzhou.aliyuncs.com...用户访问http://oss-sample.oss-cn-hangzhou.aliyuncs.com/directory/的时候,相当于访问http://oss-sample.oss-cn-hangzhou.aliyuncs.com

    25.1K20

    Serverless架构下的OSS应用:函数计算FC自动处理图片视频转码(演示水印添加+缩略图生成流水线)

    多规格缩略图生成策略 视频转码的Serverless优化方案 生产环境高可用保障机制 2 架构设计与核心组件 (1)整体架构设计 图解说明: 用户上传原始媒体文件到OSS原始存储Bucket OSS触发...PutObject事件通知函数计算FC 调度函数根据文件后缀判断媒体类型(图片/视频) 图片处理路径:执行水印添加和缩略图生成 视频处理路径:执行转码和关键帧提取 处理结果保存到结果存储Bucket 通过...对1000个图片文件(平均大小2MB)处理性能测试: 处理类型 传统ECS方案 FC方案 提升比例 缩略图生成 58秒 12秒 383% 水印添加 46秒 9秒 411% 总成本 $3.27 $0.89...267% 测试环境:华东1地域,图片尺寸1920x1080,缩略图尺寸200x200 3 环境准备与配置 (1)OSS存储桶配置 # 创建原始存储桶 aliyun oss mb oss://origin-bucket.../{object_key}', output.getvalue()) (2)缩略图生成优化策略 针对不同业务场景的缩略图生成方案对比: 场景 分辨率策略 裁剪模式 格式优化 适用业务 用户头像 1:1固定比例

    35310

    typecho缩略图加入根据标签缩略名输出缩略图

    做出来的效果就是: 缩略图显示,依次是附件中的图片,若不存在,输出文章的第一张图片,若不存在,输出对应的tag缩略名图片,若是未配置的tag,则输出随机图片,若文章不存在tag,则输出随机图片。...首先在functions.php添加 /** 输出文章缩略图 */ function showThumbnail($widget) { // 当文章无图片时的默认缩略图 $rand =...rand(1,99); // 随机 1-99 张缩略图 $random = $widget->widget('Widget_Options')->themeUrl ....$rand . '.jpg'; // 随机缩略图路径 // $random = $widget->widget('Widget_Options')->themeUrl ....比如该篇文章标签名字是typecho,默认他的缩略名也是typecho,但我把它的缩略名改成了te,也就是说这篇文章的缩略图是te.jpg。

    1.9K30

    将静态资源推至 OSS

    将资源推送到 OSS: ossutil 在 OSS 上创建一个 Bucket,通过官方工具 ossutil 将静态资源上传至 OSS。...build oss://shanyue-cra/ # 将带有 hash 资源上传到 OSS Bucket,并且配置长期缓存 # 注意此时 build/static 上传了两遍 (可通过脚本进行优化)...build oss://shanyue-cra/ && ossutil cp -rf --meta Cache-Control:max-age=31536000 build/static oss://shanyue-cra.../static' } } 复制代码 将资源推送到 OSS: npm scripts 另有一种方法,通过官方提供的 SDK: ali-oss 可对资源进行精准控制: 对每一条资源进行精准控制 仅仅上传变更的文件...但在测试环境中最好还是建议无需上传至 OSS,毕竟上传至 OSS 需要额外的时间,且对于测试环境无太大意义。

    8K20

    OSS 四个模块梳理

    下面用“一张图 + 一张表 + 一段白话”帮你把 OSS 四个模块一次性梳理清楚。...                      (真正存数据)              │              └──> MiniRDS(存 bucket 元数据) OCM(独立):实例级生命周期管理(创建/删除整个 OSS...实例) 模块对照表(谁负责干什么) 模块 子组件 角色定位 关键点说明 oss-server Tengine 反向代理,承接 SLB 流量 只做转发,无业务逻辑 OssServer 分析请求 → 鉴权...ChunkServer,决定数据块放哪 类似“分布式存储大脑” PanguChunkServer 把数据块落到磁盘,提供读写/删除 真正占磁盘空间 ocm — 实例级操作:创建、删除、升降配整个 OSS

    8310
    领券