javascript - 关于客户端JS能否等比例压缩图片的请教-PHP中文网问答

讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

最近更新

javascript - 关于客户端JS能否等比例压缩图片的请教

天蓬老师 2017-04-10 12:41:32

[JavaScript讨论组]

1838

当用户通过浏览器上传图片时，不管用户用了多大的图片，都使其能够上传，现在想用JS先在浏览器上对图片进行压缩处理，然后上传，而不是将整个图片上传到后台服务器然后在压缩后存储。请问这种方案是否可行？新浪微博在上传图片的时候是怎样一种解决方案？请各路大牛不吝赐教！谢谢。

天蓬老师

欢迎选择我的课程，让我们一起见证您的进步~~

全部回复(6)

伊谢尔伦2017-04-10 12:43:32 6楼

如果要所有运算都在客户端通过js完成，目前只有html5的canvas和file api才能满足你的需要。但是对国内用户来说，支持html5的浏览器普及率还不够高。

新浪微博的图片上传使用的是图片上传后然后，再在服务器端压缩的方法，实际上这种方式的消耗也很少。目前普遍上使用的都是这种方式，因为只需要在上传的时候压缩一次。

赞 +0

添加回复

巴扎黑2017-04-10 12:43:32 5楼

<script language="JavaScript" type="text/javascript"> 
function DrawImage(ImgD,FitWidth,FitHeight) 
{ 
var image=new Image(); 
image.src=ImgD.src; 
	if(image.width>0 && image.height>0) 
	{ 

		if(image.width>FitWidth) 
		{ 
			ImgD.width=FitWidth; 
			ImgD.height=(image.height*FitWidth)/image.width; 
			if(ImgD.height>FitHeight)
			{
				ImgD.height=FitHeight; 
				ImgD.width=(image.width*FitHeight)/image.height; 
			}
		} 
		else if(image.height>FitHeight) 
		{ 
			ImgD.height=FitHeight; 
			ImgD.width=(image.width*FitHeight)/image.height; 
			if(image.width>FitWidth)
			{
				ImgD.width=FitWidth; 
				ImgD.height=(image.height*FitWidth)/image.width; 
			}
		}
		else
		{ 
			ImgD.width=image.width; 
			ImgD.height=image.height; 
		} 
	} 
} 
</script>

最近做一个页面时用到的，不知道符不符合你的需求！

赞 +0

添加回复