取文件的名稱/圖片上傳

Question

我有有文件上傳輸入

<form action="abc.php" method="post"> 
    <input name="fileToUpload" type="file" /> 
    <div id="view"></div> 
    <button type="submit" value="submit" name="submit">Submit</button> 
</form> 

我想獲取上載該輸入的點擊文件/圖片的名稱和<div id="view"></div>下其顯示形式，但這需要在表單提交之前完成。誰能告訴如何可以做到這一點

Answer 1

試試這個代碼，它必將有助於

<input type="file" id="files" name="files[]" multiple /> 
<output id="list"></output> 

腳本代碼

​​

Answer 2

嘗試更新你的代碼下面，

<form action="abc.php" method="post"> 
    <input name="fileToUpload" id="files" type="file" /> 
    <div id="view"></div> 
    <button type="submit" value="submit" name="submit">Submit</button> 
</form> 
<script> 
var control = document.getElementById("files"); 
control.addEventListener("change", function(event) { 
    // When the control has changed, there are new files 
    var i = 0, 
     files = control.files, 
     len = files.length; 
    for (; i < len; i++) { 
     document.getElementById('view').innerHTML = files[i].name; 
    } 

}, false); 
</script> 

我希望這有助於。