jQuery / JavaScript从路径文件中读取图像/文件

时间:2012-10-02 07:41:09

标签: javascript jquery image html5 blob

我有一个如何从文件加载图像的参考:

http://jsfiddle.net/eD2Ez/31/

但我不知道如何通过输入或给出字符串来手动加载图像 包含路径文件的参数(例如C:\ myImage \ img12.jpg)

在链接中,图像直接从文件对话框加载。

2 个答案:

答案 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');

以下是演示http://jsfiddle.net/eD2Ez/32/