接入CDN之后OSS图片部分区域访问模糊

最新推荐文章于 2024-07-24 21:04:47 发布
最新推荐文章于 2024-07-24 21:04:47 发布
阅读量520 收藏 8
点赞数 9
分类专栏： cnd 文章标签： cnd
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39461487/article/details/136523476
版权
文章讲述了用户在使用阿里云OSS上传图片后，通过CDN访问出现模糊缩略图的问题。阿里云建议用户在CDN域名配置中启用保留指定参数，并对资源进行刷新操作，并清空浏览器缓存以解决此问题。
摘要由CSDN通过智能技术生成

正常上传oss 的图片为一张300*400的大图，接入CDN之后有的区域访问的图片会变成缩略图而且很模糊，

原图模糊的图

阿里云回复说：看您请求现象和您参数有关的，您参考下附件配置下忽略参数保留，然后再对对应url做下刷新操作，然后清空下浏览器缓存重新访问看下 这边看您配置是没有设置保留参数的。

具体操作：

1. CDN 域名配置下：忽略参数设置“保留指定参数”

2.在控制台针对要清空的资源提交下刷新操作

向右看齐--
关注
专栏目录
「2021」高频前端面试题汇总之性能优化篇
公众号：前端充电宝
03-17 3069
系列文章： 【1】「2021」前端面试题之HTML篇 【2】「2021」前端面试题之CSS篇 【3】「2021」前端面试题之浏览器原理篇 【4】「2021」前端面试题之计算机网络篇 【5】「2021」前端面试题之Vue篇 【6】「2021」前端面试题之React篇 【7】「2021」前端面试题之JavaScript篇（上） 【8】「2021」前端面试题之JavaScript篇（下） 目录系列文章：一、CDN1. CDN的概念2. CDN的作用3. CDN的原理4. CDN的使用场景二、懒加载1. 懒加载的概
阿里云视频直播PHP-SDK接入教程
热门推荐
qq_41976646的博客
03-07 3万+
阿里云视频直播PHP-SDK接入教程阿里云 视频直播 配置 及 PHP-SDK 接入教程准备工作域名管理配置鉴权地址生成器及DEMO演示-熟悉鉴权接入SDK 阿里云 视频直播 配置 及 PHP-SDK 接入教程 个人感觉,阿里的文档比微信的要坑很多… 微信最多是有些比较重要的东西放到比较不起眼、比较难发现的地方. 阿里的文档就是要么就是sdk已经更新了,但是文档还没更新,导致文档与SDK不匹配.在...
微信小程序图片预览模糊解决（taro）
m0_55967670的博客
09-26 1537
解决办法：图片加个质量率，图片链接上面加一参数 x-oss-process=image/quality,q_50。小程序图片预览时，大图片加载太慢，预览时会出现模糊。
oss图片合成模糊问题
m0_37856386的博客
07-10 1121
oss图片合成模糊问题，去掉resize和相关参数就可以实现原图上加水印。 原因：resize是图片缩放的意思 ，弄了半天就是因为resize给我缩放了，导致图片模糊。 eg: 调整前的： http://image-demo.img-cn-hangzhou.aliyuncs.com/example.jpg?x-oss-process=image/resize,p_150,w_400/waterma...
oss上传压缩图片格式转换失真
lust_0508的博客
01-05 815
我这里转换的图片是jpg，如果用户上传的是png，就会造成透明图层描述错误，失真，因为png是32位图，jpg为24位图，强制转换会造成透明图层的失真
直接在html中引入Vue.js的cdn来实现一个简单的上传图片组件
TANKING，开源开发者！
08-10 1243
当使用 Vue.js 的 CDN 来实现一个简单的上传图片组件时，你可以利用 Vue 的数据绑定和事件处理能力，结合 HTML 和 CSS，轻松地创建一个交互式的图片上传界面。以下是一个示例：
阿里云CDN+OSS完成图片加速
weixin_30289831的博客
06-27 1305
我们使用React Native开发APP，在列表中显示图片时，列表框经常出现长时间的空白。经过稍微研究和参考其他人的经验，我们知道React Native的ListView以及后来改进版的FlatList在安卓系统上都有内存使用方面的问题，很多团队在开发时都需要自己去优化这个控件，大体优化思路无非也就是将滚出显示区域外的图片占用的内存释放掉，具体实现起来会复杂一些。 以上主要是背景介绍，不过有...
对象存储OSS云存储
weixin_41274719的博客
01-19 2755
一.阿里云OSS云存储简介 1.什么是阿里云oss云存储 阿里云对象存储服务（Object Storage Service，简称 OSS），是阿里云提供的海量、安全、低成 本、高可靠的云存储服务。其数据设计持久性不低于 99.9999999999%（12 个 9），服务设计可用性 （或业务连续性）不低于 99.995%。 可以使用阿里云提供的 API、SDK 接口或者 OSS 迁移工具轻松地将海量数据移入或移出阿里云 OSS。 数据存储到阿里云 OSS 以后，可以选择标准存储（Sta
common_2018-5-29_加入二维码、拼音、OSS
04-27
1. **API接入**：通过阿里云提供的SDK或HTTP RESTful API与OSS服务交互。 2. **上传下载管理**：实现文件的上传、下载、删除、重命名等操作。 3. **权限控制**：设置访问策略，控制不同用户对OSS资源的访问权限。 4....
【愚公系列】《AIGC辅助软件开发》011-AI辅助编写技术文档：技术文档
最新发布
时光隧道
07-24 1万+
在当今快速发展的技术环境中，技术文档的编写变得愈加重要。无论是软件开发、产品设计，还是系统架构，清晰、准确的技术文档不仅能帮助团队成员快速理解项目，还能为用户提供必要的使用指导。然而，编写高质量的技术文档常常是一项繁琐且耗时的任务。随着人工智能技术的不断进步，AI工具的辅助作用逐渐显现，特别是在技术文档的编写过程中。借助AI，开发者和技术作家可以更高效地生成、编辑和维护文档，从而专注于更高层次的创作和思考。
期末考试题库3
m0_74487105的博客
09-20 2854
311.小明在一家IT教育公司做运营工作，经常听到同学聊到MaxCompute核心概念，但又不知其意，下列哪些选项（ ABCDE ）能帮助小明更好的了解MaxCompute。 A:Project（项目）项目是MaxCompute的基本组织单元，类似于传统数据库的Database或Schema的概念，是进行多用户隔离和访问控制的主要边界 B:Partition（分区）分区Partition是指一张表下，根据分区字段（一个或多个字段的组合）对数据存储进行划分 C:View（视图）视图是在表之上建立的虚拟表，它的
阿里云oss图片的常用处理方法小结
pk142536的博客
09-10 1万+
代码转格式，缩略图 HTMLCanvasElement.toDataURL() 方法返回一个包含图片展示的 data URI 。可以使用 type 参数其类型，默认为 PNG 格式。图片的分辨率为96dpi。 如果传入的类型非“image/png”，但是返回的值以“data:image/png”开头，那么该传入的类型是不支持的。 canvas.toDataURL(type, encoderOpti...
阿里云OSS代码集成部分问题分析
草率小猿的博客
11-24 1387
本文介绍了集成阿里云OSS过程中遇到若干问题的解决方案。
阿里云oss上图片缓存问题处理
weixin_44191250的博客
06-07 2370
今天遇到一个问题，写完的H5页面，UI验收的时候发现有个底图颜色太暗，后面发现是他切得图少切一个图层，从新切图给我，让我换一下，我一般拿到UI的切图后都是直接上传到oss上，这样子方便也快捷！我直接用新图把老图覆盖了，本地看了可以，没问题！但是构建完H5页面还是没变，后面请教大佬，说是oss的缓存问题 解决办法： 原图地址：https://img.xxxxx.com/cdnn/temp_img/page/my_share/bg_top.png 解决：https://img.xxxxx.com/cdnn/te
python按关键字爬取必应高清图片
澄南澄北的博客
09-08 3967
通过查询前人的博客，发现必应可通过url按关键字查找图片： https://www.bing.com/images/async?q=查询关键字&first=图片编号&count=图片数量&mmasync=1 基于该url，我写了一个爬虫类，实现了按关键字下载固定数量的必应高清图片。调用时只需要一条python语句即可（由于使用了线程池并发请求图片，所以下载速度较快，一分钟300张高清图片没问题）： # 关键词：电脑壁纸 # 需要的图片数量：100 # 图片保存路径：'.
cdn缓存服务器有网站图片,cdn缓存服务器上传图片
weixin_36329071的博客
08-12 797
cdn缓存服务器上传图片 内容精选换一换图片组件作为一个基本组件，用于展示图片。用户可以通过属性“图片地址”，来选择图片。体验馆提供了各场景下的无服务器构造方案，指导您端到端地构建一个无服务器案例。对于每个案例都介绍了如下内容，包含的案例如表1所示。动态展示案例架构图。动态展示案例的实际效果。使用动图分步骤演示构建过程。cdn缓存服务器上传图片 相关内容IM系统如何提升用户发送、浏览图片和音视频消...
vue AWS S3使用cdn的方式上传图片
qq_34530690的博客
02-10 1549
1，创建js文件，用来加载网络资源写入window以便调用，在此命名为dynamicLoadScript.js，内容如下 let callbacks = [] function loadedAws() { // to fixed https://github.com/PanJiaChen/vue-element-admin/issues/2144 // check is successfully downloaded script return window.aws } const .
阿里云 OSS 之图片处理
extendworld的博客
08-23 1万+
OSS Object Storage Service： 海量、安全、低成本、高可靠的云存储服务。 图片处理服务 阿里云 OSS 图片处理服务 (Image Processing，简称 IMG), 将原始图片上传保存在OSS上，通过简单的 RESTful 接口，在任何时间、任何地点、任何互联网设备上对图片进行处理。 上传 —> 接口调用 图片服务基础功能 获取图片信息 图片格...
阿里云oss上传图片遇到的坑
tovinping的博客
08-19 1万+
正常情况下照着阿里云上面的文档操作应该是没有问题的，但是我就是要按自己方式来，就掉坑里了... 我还提交了工单，搞了两天，才弄好~ 代码也贴上来吧，万一哪天github不让我访问了.... 后端生成STS：用这种方式就可以了，并不一定要按OSS上面引入@alicloud/pop-core // 引入sdk import {STS} from 'ali-oss' 1: const cli...
利用云存储与CDN优化网站图片：OSS与CDN实战
"随着互联网用户的偏好转向图片和视频，网站开发与维护人员面临着存储和带宽资源的压力。为解决这一问题，将网站内容迁移到云存储服务，如阿里云的OpenStorageService（OSS）是一种高效解决方案。OSS允许用户轻松...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值