JS 图片尺寸压缩，请教

[love_w_b]

有张图片： 1.jpg 1000 * 1000

<img src="1.jpg" width="100" height="100">

我显示在网页之上后，他的显示大小为 width ,height：100 * 100 但是： naturalWidth,natrualHeight: 1000 * 1000

我保存到本地图片大小： 1000 * 1000

请问有没有办法：让它的 naturalWidth,natrualHeight 压缩到和他的显示大小一致，保存后的大小也为 100 * 100


请大家指点下，谢谢

[步慢生错]

通常用flash裁剪图片。 js能么？印象中没法，html5时代说不准

[love_w_b]

裁剪部分到是可以但是我是想要全图，只是把尺寸压小

[文盲老顾]

JS 没办法这么搞吧？毕竟 <img src="1.jpg" width="100" height="100" /> 不管如何， 1.jpg 的原图是存放到你本地的，你选保存图片(浏览器指令)，只是将这个图片从缓存里另存到其他地方而已 除非你在服务器端可以处理，否则应该是没有办法

[步慢生错]

引用 2 楼 love_w_b 的回复:

裁剪部分到是可以但是我是想要全图，只是把尺寸压小

有些flash裁剪也可以剪全图的，无论多大的图，剪成固定大小。比如discuz里的上传用户头像。以前弄了个flash源码，一直没来得及研究。。

[听妍任雪]

一起坐等大婶

[love_w_b]

应该是可以的 好像要用canvas 有点复杂啊

[love_w_b]

picastic.js 这个库其中有个方法有小快实现了类似的功能，谁给研究解释下啊

[love_w_b]

引用 3 楼 superwfei 的回复:

JS 没办法这么搞吧？毕竟 <img src="1.jpg" width="100" height="100" /> 不管如何， 1.jpg 的原图是存放到你本地的，你选保存图片(浏览器指令)，只是将这个图片从缓存里另存到其他地方而已 除非你在服务器端可以处理，否则应该是没有办法

picastic.js 这个库其中有个方法有小快实现了类似的功能

[qcxl]

参考下，希望对楼主有帮助 http://blog.csdn.net/qazwsx2345/article/details/21827553

[love_w_b]

引用 9 楼 u013472677 的回复:

参考下，希望对楼主有帮助 http://blog.csdn.net/qazwsx2345/article/details/21827553

这是压缩图片质量的，没有压缩尺寸 我导是找到压缩尺寸的方法，但是大图片（直接使用相机照的图片，2000 * 2500），有问题，被无故旋转了，小图片是没问题，能看导实际尺寸与显示尺寸一致了，

[斯洛文尼亚旅游]

用程序生成缩略图，js压缩不了图片

[love_w_b]

引用 3 楼 superwfei 的回复:

JS 没办法这么搞吧？毕竟 <img src="1.jpg" width="100" height="100" /> 不管如何， 1.jpg 的原图是存放到你本地的，你选保存图片(浏览器指令)，只是将这个图片从缓存里另存到其他地方而已 除非你在服务器端可以处理，否则应该是没有办法

我导是找到压缩尺寸的方法，drawImage，但是大图片（直接使用相机照的图片，2000 * 2500），有问题，被无故旋转了，小图片是没问题，能看导实际尺寸与显示尺寸一致了， drawImage

[步慢生错]

引用 12 楼 love_w_b 的回复:

[quote=引用 3 楼 superwfei 的回复:] JS 没办法这么搞吧？毕竟 <img src="1.jpg" width="100" height="100" /> 不管如何， 1.jpg 的原图是存放到你本地的，你选保存图片(浏览器指令)，只是将这个图片从缓存里另存到其他地方而已 除非你在服务器端可以处理，否则应该是没有办法

我导是找到压缩尺寸的方法，drawImage，但是大图片（直接使用相机照的图片，2000 * 2500），有问题，被无故旋转了，小图片是没问题，能看导实际尺寸与显示尺寸一致了， drawImage [/quote] ie6下能用？

[love_w_b]

引用 13 楼 yukon12345 的回复:

[quote=引用 12 楼 love_w_b 的回复:] [quote=引用 3 楼 superwfei 的回复:] JS 没办法这么搞吧？毕竟 <img src="1.jpg" width="100" height="100" /> 不管如何， 1.jpg 的原图是存放到你本地的，你选保存图片(浏览器指令)，只是将这个图片从缓存里另存到其他地方而已 除非你在服务器端可以处理，否则应该是没有办法

我导是找到压缩尺寸的方法，drawImage，但是大图片（直接使用相机照的图片，2000 * 2500），有问题，被无故旋转了，小图片是没问题，能看导实际尺寸与显示尺寸一致了， drawImage [/quote] ie6下能用？[/quote] 没事的，主要是在手机端用的 求大神指点啊。。

[love_w_b]

引用 11 楼 showbo 的回复:

用程序生成缩略图，js压缩不了图片

我到是找到压缩尺寸的方法 canvas drawImage，但是IPHONE大图片（直接使用相机照的图片，2000 * 2500），有问题，被无故旋转了，小图片是没问题，能看导实际尺寸与显示尺寸一致了，android一直没什么问题，主要是用手机端，PC不用考虑 大神要不你给看看，

[qq_31522225]

楼主现在解决了吗？能实现JS压缩图片了吗？我最近也遇到这个问题了，求帮助啊

[love_w_b]

引用 16 楼 qq_31522225 的回复:

楼主现在解决了吗？能实现JS压缩图片了吗？我最近也遇到这个问题了，求帮助啊

我也有点忘记了，你看看 canvas drawImage 方法

[happyxiaowuge00gou]

坐等大神到来，JF