javascript来对用户的图片进行处理

Question

你好可以请问一下，如果我现在要求用户的头像图片在网页只能是65k，允许用户上传她自己的无论多大的图片，我该怎么用javascript来对该用户的图片进行处理呢，保证该用户的头像就是在65k内的大小，并且把这处理好的图片保存在服务器？？ 

Answer 1

只能通过程序进行裁剪,js做的功能只是选择要剪切的图片部分
参考:
http://www.cnblogs.com/yangbin1005/archive/2009/03/26/1422395.html

Answer 2

js无法实现,只能通过服务器端程序实现,JS在其中做的功能只是选取要剪切的部位,参考:
http://www.cnblogs.com/yangbin1005/archive/2009/03/26/1422395.html

Answer 3

其实想要js做也是可以的，看看nodejs有没有这样的类库。

Answer 4

1。用HTML5+JS可以实现在线图片编辑器，实现编辑和存储。完成这个自动缩放任务也不难。详情自己去看HTML5的画布操作方法。2。用AJAX上传给后台处理程序，通过后台检测文件大小并调用ASPJEG等图片处理工具完成图片的缩略工作，转存并删除上传的临时文件。

Answer 5

拜托可以说说具体在那吗，主要是我对html5不会阿，方法2更是不了解，拜托说详细一点吧？？

Answer 6

1.html5,用canvas操作图片。将编辑后的图片转换编码后发送到后台保存。
2.直接用file上传图片，在后台，用相关的函数或方法对图片进行（判断图片大小，对图片裁剪，图片缩放等）操作。

Answer 7

http://www.nihilogic.dk/labs/canvas2image/ 这是一个html5的例子
http://dev.w3.org/html5/2dcontext/ 这是canvas的api

Answer 8

擦，刚发个例子跟api还被删。
http://www.nihilogic.dk/labs/canvas2image/ 这个是html5的例子
http://dev.w3.org/html5/2dcontext/ 这个是canvas的api

Answer 9

主要是我不会html5拜托说详细点！！

Answer 10

http://liuwei1981.iteye.com/blog/162797 这个是java的图片处理操作。
http://www.w3school.com.cn/htmldom/dom_obj_fileupload.asp 这是上传图片的file标签

Answer 11

这个是java的图片处理操作。我对java更是不会阿，我怎么办阿？

Answer 12

客户端js不能操作文件，所以只能先上传图片再在服务器端剪切。1、上传图片2、js剪切图片（其实只是选取要剪切的部分）3、服务器端剪切可我不知道具体的该怎么写代码阿？？

Answer 13

按你说的方法：
1。你先用file上传一个图片，在页面显示出来；
2。是用js，对上传的图片进行处理，截取一个需要的图片区域，把截选出的区域坐标和宽高传给服务器端；
3。在后台是用相应的函数方法进行图片的裁剪操作。
页面部分你都可以用js处理或者用jQuery的插件处理，服务器端你至少应该知道用什么函数方法。

Answer 14

js网上可以找到demo，服务端，那就要看你用的什么语言了。

Answer 15

你给我的那个是.net的拜托有没有是jsp的阿？

Answer 16

http://liuwei1981.iteye.com/blog/162797 这个就是java的，你参考着做吧。
http://deepliquid.com/content/Jcrop.html 这个是处理图片的，jquery的一个插件。

Answer 17

jquery 的imgAreaSelect 怎样调用 我要用网址是http://odyniec.net/projects/imgareaselect/的这个插件，我按她的源码弄了可还是出不来啊，怎么办呢？？

Answer 18

<!--引入css。css/imgareaselect-default.css是css文件的路径-->
<link rel="stylesheet" type="text/css" href="css/imgareaselect-default.css" />
<!--引入jquery库，src是库文件的路劲-->
<script type="text/javascript" src="scripts/jquery.min.js"></script>
<!--引入imgareaselect-->
<script type="text/javascript" src="scripts/jquery.imgareaselect.pack.js"></script>

Answer 19

恩，我弄了就是出不来，这个好像要在.net环境下才可以运行啊，我们偏偏规定不用.net

Answer 20

js的库跟后台语言无关。你要确定你的css跟js的路径正确。

Answer 21

我已经找到一篇完全就和这个例子一样的，我也按她说的弄在netbeans里了，运行后图片倒是出来了可就是裁切不了啊，还是在他官网上一模一样复制过来的呢！！

Answer 22

你用firebug或者chrome去调试。看看是哪块出的问题。

Answer 23

在后台你可以判断出文件大小吗？无论你用的是什么样的服务器端代码，肯定可以判断的出来的。这样得话，你就可以使用Ajax，从效果上来看，丝毫没有页面的刷新，肯定可以达到你要的效果。没错吧？呵呵

Answer 24

我不是说看他的源码，我是说用firefox浏览器的firebug插件或者chrome浏览器去访问你的截图页面，看控制台给你报的什么错。