项目总结56:阿里云OSS上传的图片被自动旋转问题解决

问题:上传图片到阿里云OSS,再再HTML标签使用OSS图片路径,展示的图片被自动旋转了;但是将图片图片路径直接浏览器打开,是原始没有旋转过的;

解决方案:

  阿里云文档已经说明了解决方案,链接:https://help.aliyun.com/document_detail/44691.html?spm=a2c4g.11186623.6.1160.1c5d149dByJ2yu

  原因是某些手机拍摄出来的照片可能带有旋转参数(存放在照片exif信息里面),img处理图片是会识别这个旋转参数

  即在URL后面加上"?x-oss-process=image/resize,w_100/auto-orient,1", 就会正常(但很奇怪,阿里云文档说参数0时不旋转,这里是1表示不旋转)

<img src="${picUrl.fileUrl}?x-oss-process=image/resize,w_100/auto-orient,1"/>

原文地址:https://www.cnblogs.com/wobuchifanqie/p/12335578.html

时间: 2024-08-02 07:28:16

项目总结56:阿里云OSS上传的图片被自动旋转问题解决的相关文章

阿里云OSS上传文件本地调试跨域问题解决

问题描述: 最近后台说为了提高上传效率,要前端直接上传文件到阿里云,而不经过后台.因为在阿里云服务器设置的允许源(region)为某个固定的域名下的源(例如*.cheche.com),直接在本地访问会有跨域问题. 解决方案: 在本机C:\Windows\System32\drivers\etc的hosts文件中(使用管理员身份打开并编辑)添加一行地址映射:127.0.0.1 test.cheche.com 然后把前端运行项目的端口改为80,以vue项目为例(config/index.js) 到这

阿里云OSS上传文件模块

1 package com.hughes.bcsc.app.core.util.oss; 2 3 import java.io.ByteArrayInputStream; 4 import java.io.ByteArrayOutputStream; 5 import java.io.File; 6 import java.io.FileInputStream; 7 import java.io.FileNotFoundException; 8 import java.io.IOExceptio

使用阿里云OSS上传文件

本文介绍如何利用Java API操作阿里云OSS对象存储. 1.控制台操作 首先介绍一下阿里云OSS对象存储的一些基本概念. 1.1 进入对象存储界面 登录阿里云账号,进入对象存储界面,如图所示. 进入后如图所示. 1.2 OSS基本概念 这里不过多介绍如何在阿里云上传下载文件,这些操作基本上点一点都能找到. 1.2.1 Bucket Bucket实质就是阿里云OSS对象存储的一个存储空间,按照计算机理解的话可以理解为一个磁盘(不知道这样比喻是否恰当). 创建桶的过程很简单,如图所示,填写对应内

阿里云OSS 上传文件

阿里云后台管理.API 集成教程.Key/ 域名的查询 1.查看上传的文件在哪? a .百度阿里云,进入官网.然后进入管理控制台 b.左侧菜单栏,进入对象存储 OSS c.进入 Bucket 管理页面,点击创建的bucket 名称 d.进入bucket 管理界面,点击左侧菜单 bucket属性 菜单查看bucket 域名 object 管理  查看管理上传的文件 图片处理   查看图片域名地址 2.查看accessKey  和 screctKey 3.集成 OSS  sdk下载地址和API  地

阿里云oss上传文件

方法一 使用 web interface 上传 方法二 使用 oss browser 官方客户端软件上传,支持桌面操作系统,首次打开时输入 appid 和 secret 登陆,预设 oss 路径为 oss://oef,地域选深圳. 登陆后可上传文件. 方法三 使用 oss util 官方命令行工具上传,可以通过 cron 定时任务实现定期上传.备份等. 首先下载 ossutil64 这个可执行文件(不同系统名字可能不一样),使用方法为首先创建配置文件(修改id 和 secret): cat <<

【记录】java 阿里云OSS上传文件

参考地址:http://www.macrozheng.com/#/architect/mall_arch_10?id=oss 参考地址:https://help.aliyun.com/document_detail/31927.html 参考地址:https://help.aliyun.com/document_detail/91868.html 原文地址:https://www.cnblogs.com/wbl001/p/12301504.html

阿里云服务器上传文件失败

最近一直在学习WEB方面的内容,自己做了一个练习站,也没了个阿里云服务作为测试,过程中遇到了不少情况! 首先,由于我用的是ThinkPHP框架,遇到的第一个大麻烦便是上传的内容不能显示在界面上,提示有关于runtime的问题,同时,当我需要上传更多的文件时出现了偶尔成功但大多失败的情况,flashFXP提示553Could not create file.招了好多资料都没有看到什么好的建议或者解决办法,只是明确了问题的根本在于文件的权限.根据好心人提示修改目录权限,我干脆直接把整个目录文件的权限

将web项目部署到阿里云服务器上

将web项目部署到阿里云服务器(ubantu14.0.14)上的一般流程: 1.下载putty.在host name栏输入远程服务器ip地址,端口默认为22.阿里云服务器可以通过控制台查看公网ip地址,点击open进行连接 2.输入用户名和密码后进入dos界面,用apt-get update 命令更新,否则很多东西安装不了 3.安装vsftpd服务,通过命令apt-get vsftpd安装,注意 这里的ftp和之后的Tomcat.MySQL数据库端口在阿里云服务器中是默认关闭的,需要进入阿里云控

详解wordpress如何把文件保存到阿里云OSS上!

自己搞了一个Wordpress的博客,装完之后一直晾着没管,最近闲来开荒.为了减小服务器的带宽.存储.CUP的压力,决定把博客中的所有文件都保存到阿里云OSS上面. 关于这个问题,自己去调用OSS的SDK然后再去修改wordpress这种方式肯定是费时又费力,哪怕是你闲得蛋疼也不会这么干,何况是忙到蛋疼的人.所以,我很机智的去搜了一下解决方案很幸运,已经有相关的wordpress差距可以解决这个问题. 下面记录一下操作过程. 1.首先你得有OSS吧,然后新建一个Bucket,比如我这里建了一个w