jquery - 使用 JQuery 将图像 "Upload"转换为 Canvas 对象 - 未保存在服务器上

标签 jquery html file-upload canvas html5-canvas

我只是好奇,在纯 html/jquery 页面上,是否可以让用户“上传”图像,但图像数据会直接发送到页面上的 Canvas 对象,而不是保存到服务器以任何方式。我试图避免使用 php 或任何服务器端语言,并希望可以做到这一点。谢谢。

最佳答案

当然,使用 HTML5 的文件 API,图像可以直接从用户文件系统读取到 Base 64(<-最常用),然后直接放入 Canvas 中,而无需将任何内容存储到服务器或根本不使用 php。

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

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

关于jquery - 使用 JQuery 将图像 "Upload"转换为 Canvas 对象 - 未保存在服务器上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7878228/

相关文章:

jquery - 凹凸形状div

javascript - 支持拖放的 Html 文件上传文件

php - 我应该允许将上传和下载保存到哪里?

javascript - 自动选择嵌套在循环中的 li 内的单选按钮

jquery - 如何根据选择的单选按钮交换显示的图像?

javascript - jqTree - 从 json 创建树数据

javascript - Flexslider - 通过 ng-repeat 更新图像 - 宽度不正确

jquery - 圣诞快乐互动留言

php - UL 列表样式不适用于 woocommerce 结帐页面

php - 在 PHP 中保护文件上传的好方法