如何防止從html文件下載特定項目？ （ <input type=“file”> ）

Question

我需要將許多mp3文件“轉換”為html播放器，並且我想讓其他人（外行人）以一種簡單的方式進行操作。 因此，在此之后，我可以下載每個播放器並嵌入自己的mp3。

我為此使用以下代碼，其想法是有人上載mp3文件並下載頁面（以將播放器功能嵌入mp3中），但是，當我下載頁面時，沒有帶輸入按鈕input type = “文件” 。

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> <input type="file"> <audio controls id="myAudio" controlsList="nodownload" autoplay></audio> <script> var $audio = $('#myAudio'); $('input').on('change', function(e) { var target = e.currentTarget; var file = target.files[0]; var reader = new FileReader(); console.log($audio[0]); if (target.files && file) { var reader = new FileReader(); reader.onload = function (e) { $audio.attr('src', e.target.result); $audio.play(); } reader.readAsDataURL(file); } }); </script> 

Answer 1

嘗試將“ accept”屬性添加到輸入標簽。

<input type="file" accept=".mp3" />