如果輸入包含文件，HTML和Javascript會檢測到嗎？

Question

你好，我有以下的代碼，允許用戶選擇一個文件，並將其上傳到服務器：

<form action="postphp.php" method="post" enctype="multipart/form-data"> 

     <input id="videoage" type="file" name="video" style="margin-left:-242px;margin-top:10px;opacity:0;"> 
     <label for="videoage" id="labelvideo">Choose Video...</label> 
</form> 

它的偉大工程，但是當用戶選擇一個文件，我想在「選擇視頻......」輸入上的文本改爲'example.mp4'。這是可能的使用JavaScript，如果是的話我該怎麼做？謝謝。

Answer 1

你可以在你的腳本寫：

jQuery(function($) { 
    $('input[type="file"]').change(function() { 
    if ($(this).val()) { 
     var filename = $(this).val().split('\\').pop(); 
     $(this).closest('.file-choose').find('.file-name').html(filename); 
    } 
    }); 
}); 

其中的文件選擇，而file_name分別在<form>和<label>添加類。
請檢查片段here。