我有一个参考如何从文件中加载图像:
但我不知道如何通过输入或提供包含路径文件的字符串参数来手动加载图像(例如 C:\myImage\img12.jpg)
在链接中,图像是直接从文件对话框加载的。
我有一个参考如何从文件中加载图像:
但我不知道如何通过输入或提供包含路径文件的字符串参数来手动加载图像(例如 C:\myImage\img12.jpg)
在链接中,图像是直接从文件对话框加载的。
事实上,据我所知,由于安全策略的原因,目前还没有既定的甚至是鲜为人知的方式来以编程方式加载本地文件。
除此之外,您可能希望使用onload
处理程序img
来确保在画布上绘制图像时加载图像。目前,在某些图像太大或计算机速度慢的情况下,您可能无法渲染图像。
检查演示:http: //jsfiddle.net/eD2Ez/38/
实验/未来
然而,地平线上可能会有曙光。有一个叫做 FileSystem API 的东西在工作中,但对我不起作用(尽管它应该)。
首先,文件系统 API目前是在 Chrome 21+ 版本的供应商前缀下实现的。
--allow-file-access-from-files
您还必须在启动 Chrome 时使用该标志。
但是即使有了这一切,我仍然没有设法在 Chrome v21 上实现它并且仍然得到SECURITY_ERR
.
检查“演示”:http: //jsfiddle.net/MQFGd/2/
资料来源:
$('<img src="'+img.src+'"/>').insertAfter('#cvs');