プログラムで追加された値を含むファイル入力は空です

Question

ファイルを事前入力して値を入力してdivに追加します。 後で（onsubmit）その値をチェックしようとすると、要素を調べても値が設定されていても、その値は空に戻ります。

視覚的には入力値は表示されませんか？

デモについては、以下のスニペットを参照してください：それは深刻なセキュリティ上の懸念をもたらすであろうから

function addfile() { 
 
    $('#fileupload').append('<input type="file" checkme="checkme" name="file[]" value="C:fakepath/hello.jpg" />'); 
 
} 
 

 
function test() { 
 
    $('input,textarea,select').filter('[checkme]:visible').each(function() { 
 
    alert($(this).val()); 
 
    }); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="fileupload"> 
 
    <input type="text" checkme="checkme" value="hello" /> 
 
</div> 
 
<button onclick="addfile()"> 
 
    Add File 
 
</button> 
 
<button onclick="test()"> 
 
    Test 
 
</button>

Answer 1

が、私はこれが可能であるとは思いません。

サポートに応じてファイル名が取得されることがありますが、ユーザーのマシン上のパスを公開することは非常に危険です。