打表單中的音頻文件提交表單

Question

之前，我有一個表格：

<form ....> 

<input type="file" name="file-main" id="file-main" class="inputfile inputfile-3" multiple/> 
<audio preload="none" src=""> 
// skipping submission buttons for brevity 

</form> 

當用戶從瀏覽器中的音頻文件，我想在形式選擇的音頻播放的這樣用戶知道他選擇了什麼（在表單被髮送到服務器之前）。我是JS，HTML5，Ajax和Jquery的新手，所以我正在努力解決這些問題。我如何以最短的方式來做到這一點？

Answer 1

您可以使用HTML 5音頻播放器

<form> 
    <audio controls> 
      <source src="audiofilename" type="audiofiltype"> 
     Your browser does not support the audio element. 
    </audio> 
     <input type="checkbox" value="filename/fileid" /> 
    <audio controls> 
      <source src="audiofilename" type="audiofiltype"> 
     Your browser does not support the audio element. 
    </audio> 
    <input type="checkbox" value="filename/fileid" /> 
    <input type="submit" value="Submit"> 
</form> 
<!--//inside here you can put your from with check box then user can play and if he wants to download he can check it then finally you can submit your form.--> 

然後下，你可以把一個按鈕，下載或什麼都形成你想要的。