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