2012-10-02 104 views
1

我有一個參考如何從文件加載圖像:的jQuery/JavaScript的路徑,從文件中讀取圖像/文件

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

,但我不知道如何手動通過輸入加載圖像或給出一個字符串 包含路徑文件的參數(例如C:\ myImage \ img12.jpg)

在鏈接中,圖片是直接從文件對話框加載的。

+0

你不能做到這一點本地。只有服務器端語言可以通過在字符串中指定路徑來從該服務器檢索文件。瀏覽器端文件訪問只能由用戶選擇文件啓動。 – devnull69

回答

0
$('<img src="'+img.src+'"/>').insertAfter('#cvs'); 

這裏是演示http://jsfiddle.net/eD2Ez/32/

+0

是的,您甚至可以使用'drawImage()'將此圖像繪製到畫布上......但您將無法再操作此畫布,因爲圖像被認爲是「不安全的」。 – devnull69

+0

是的,這是真的我讀錯了問題:S – Anton

2

事實上,據我所知沒有建立,甚至輕度已知的方式對本地文件的加載程序,由於安全策略。

除此之外,您可能需要使用img上的onload處理程序來確保圖像在畫布上繪製時加載。目前,在圖像太大或電腦速度較慢的情況下,您可能無法看到圖像。

檢查演示: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/

來源: