如何在本地处理图片（来自手机）而无需上传？

Question

我在云环境中构建AngularJS/Javascript，HTML和CSS中的应用程序（c9.io）。

鉴于此，我如何着手创建，测试从手机相册拍摄照片并将其转换（如过滤器）的应用程序？我从哪里开始，可以在云环境中完成所有工作？任何示例，可用的样板？

我到目前为止，我可以操纵加载在服务器上的图像（例如<img source='some/path'>） 但是，如何处理未上传的本地图像？

Answer 1

您可以通过<input type="file">附加图像，然后从输入的FileList中选择文件。假设您从DOM中选择了一个input。然后你可以使用File API。

我建议在这里阅读答案：Can I load a local file into an html canvas element?