有没有办法在HTML 5和javascript中进行客户端图像混搭_html-js-css

概述我正在开发一个图像mashup网络应用程序. 我想避免闪存或其他客户端的麻烦,只是做纯 HTML JavaScript. 为了保持清醒,我想在Javascript中在客户端进行工作,并将它只是将最终保存的图像推送到服务器. 我在阅读了HTML5和Canvas的奇迹之后想到了我能够使用它. 麻烦的是： >如果我使用HTML5的新拖放功能让用户将本地图像传递给应用程序,然后将其绘制到画布上,那么…画布我正在开发一个图像mashup网络应用程序.
我想避免闪存或其他客户端的麻烦,只是做纯 HTML JavaScript.

为了保持清醒,我想在JavaScript中在客户端进行工作,并将它只是将最终保存的图像推送到服务器.

我在阅读了HTML5和Canvas的奇迹之后想到了我能够使用它.

麻烦的是：

>如果我使用HTML5的新拖放功能让用户将本地图像传递给应用程序,然后将其绘制到画布上,那么…画布变脏了,如果我尝试保存它会引发安全性异常图像数据.

>如果我使用像Bing Image搜索这样的API来为用户查找图像并将它们绘制到画布上,那么…画布会变脏并且如果我尝试保存图像数据则会引发安全性异常.

我能想到的唯一工作就是让服务器充当一种代理,让它将每个与之合作的图像传递给客户端 – 但这会破坏客户端的目的.

有没有其他方法我没有想到,或者客户端的纯HTML5 Js只是不是这个用例的选项？

解决方法抛出安全性异常是因为您使用的是来自不同域(本地或Bing)的图像,您应该让用户能够在服务器上上传所选图像,然后在画布中使用它们.对于来自互联网存储的图像,您可以制作类似代理的内容以在前端显示它们,应始终上传来自用户PC的图像.据我所知,没有其他方法可以避免XSS异常.

附：这里有一篇关于HTML5画布图像限制的好文章：http://simonsarris.com/blog/480-understanding-the-html5-canvas-image-security-rules

总结

以上是内存溢出为你收集整理的有没有办法在HTML 5和javascript中进行客户端图像混搭全部内容，希望文章能够帮你解决有没有办法在HTML 5和javascript中进行客户端图像混搭所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。