未返回預期值的輸入字段

Question

我試圖通過類型文件的輸入字段返回圖像的文件路徑，其中用戶從用戶單擊瀏覽按鈕時出現的窗口中選擇圖像。我需要使用此路徑，以便在用戶選擇圖像後將其放置在網頁中。下面的文件結構如下所示：

-Local Disk (C) 
    -Users 
    -f 
     -Desktop 
     -001.jpg <-- the image 
     -index.html <-- the webpage 

我期待輸入字段返回圖像的絕對路徑，也就是C:/Users/f/Desktop/001.jpg，而它只是返回C:\fakepath\001.jpg。下面是代碼：

function myFunction() { 
 
    var image = document.createElement('img'); 
 
    image.src = document.getElementById('image').value; 
 
    console.log(document.getElementById('image').value); 
 
}

<input id="image" type="file" onchange="myFunction()">

Answer 1

那是不可能的。這是一個瀏覽器限制。

瀏覽器在上傳文件時隱藏真實路徑以確保安全。