Javascript 在持久化到S3之前在浏览器中旋转图像

Javascript 在持久化到S3之前在浏览器中旋转图像,javascript,angularjs,Javascript,Angularjs,我尝试在浏览器中旋转图像,到目前为止,我主要看到CSS方法,这只是一种视觉旋转。我需要它来改变图像,这样我就可以存储到S3中。另一种方法似乎使用HTML5Canvas,但我不确定旧浏览器是否支持这种方法,也不确定是否可以存储旋转后的图像。JavaScript将更加可靠。有没有办法旋转并保存旋转后的图像?在浏览器中没有合适的方法。您可能希望遵循的过程是将图像保存到服务器上,并在将其推送到S3之前使用(PHP)或(Node.js)等软件在服务器上对其进行修改 在允许用户上传到您的服务器时一定要小心,

我尝试在浏览器中旋转图像,到目前为止,我主要看到CSS方法,这只是一种视觉旋转。我需要它来改变图像,这样我就可以存储到S3中。另一种方法似乎使用HTML5Canvas,但我不确定旧浏览器是否支持这种方法,也不确定是否可以存储旋转后的图像。JavaScript将更加可靠。有没有办法旋转并保存旋转后的图像?

在浏览器中没有合适的方法。您可能希望遵循的过程是将图像保存到服务器上,并在将其推送到S3之前使用(PHP)或(Node.js)等软件在服务器上对其进行修改


在允许用户上传到您的服务器时一定要小心,根据我的经验,未能对上传的数据进行审查是最严重的黑客攻击和利用漏洞的原因。尤其是,在你用软件修改上传的图像之前,千万不要让用户可以访问上传的图像(如果用户上传的是脚本而不是图像,则可以执行)。

Hmm。。。我想添加一个“旋转”功能,所以如果我要这样做,那么我实际上需要在向服务器发送旋转请求时使用CSS来伪造它。可能画布是你最好的选择。您可以从浏览器透明地获取图像,在服务器上旋转图像,然后将其推送到浏览器并更新画布。你只需要在S3点击保存按钮或其他什么的时候上传到S3。为每个操作来回传递意味着用户获得了预期的结果,但如果您期望高流量,这可能是性能瓶颈。顺便说一句,css旋转与画布一样新,因此浏览器支持应该类似。在html5和css3之前;上传、旋转和下载是用户旋转图像的唯一方式。