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/

相关文章:

java - 使用 HTTPHandler 上传文件

jquery - 加载 JqueryUI 的 Browserify 无法正常工作

jquery - 旋转网格时,Packery/Masonry 不支持邮票元素

javascript - 使用 Ajax 将值从 jquery 传递到 php

html - 为什么这个用于验证危险 html 的 ASP.NET RegularExpressionValidator 不起作用?

php - Amazon S3 避免覆盖同名对象

jquery - Css/JS 不能在 Web 服务器上的 IE 上运行,在本地运行

html - 防止自动背景大小调整为全线宽标题文本

javascript - 计时器上的变色文本? (HTML)

file-upload - profilePic.move 不是一个函数 [AdonisJS]