使用JQuery将图像“上传”到Canvas对象 - 不在服务器上保存

时间:2011-10-24 15:43:00

标签: jquery html5 file-upload canvas html5-canvas

我很好奇,如果在一个纯粹的html / jquery页面上,可以让用户“上传”一个图像但是图像数据直接到达页面上的画布对象,并且没有保存到服务器以任何方式。我试图避免使用PHP或任何服务器端语言,我希望这可以做到。感谢。

1 个答案:

答案 0 :(得分:4)

当然,使用HTML5的File API图像可以直接从用户文件系统读取到64(最常用),然后直接放入画布,而不会将任何内容存储到服务器或使用php。

你需要搜索一下,因为这是一个相当新的东西,但有一个非常好的教程Mozilla Dev pages.

刚刚为我正在处理的网站做了类似的事情,FileReader,拖放,以及大多数其他html5功能在所有现代浏览器上运行良好(当然不包括IE),但如果这是一个问题,你可能会有一个PHP备份或其他东西。