簡體   English   中英

如何將音頻文件上傳到服務器

[英]how to upload audio file to server

我想知道是否有一種方法可以在服務器端上傳文件,主要是我想在特定文件夾中上傳音頻我首先嘗試通過js上傳和下載,但在這里不起作用是HTML

    <body>
        
        <!-- <button type="button" class="btn-primary" data-toggle="modal" data-target="#myModal"> -->
            <img src="assets/upload-btn.png" alt="" type="button" class="btn-img" data-toggle="modal" data-target="#myModal">
          <!-- </button> -->
        
          <!-- The Modal -->
          <div class="modal fade" id="myModal">
            <div class="modal-dialog modal-sm">
              <div class="modal-content">
              
                <!-- Modal Header -->
                <div class="modal-header">
                  <h4 class="modal-title">Upload Audio</h4>
                  <button type="button" class="close" data-dismiss="modal">&times;</button>
                </div>
                
                <!-- Modal body -->
                <div class="modal-body">
                    <form action="save?">
                        <input type="file" name="Audio" id="upload-aud" accept="Audio/mp3">
                    </form>
                </div>
                
                <!-- Modal footer -->
                <div class="modal-footer">
                    <input class="btn-submit "type="submit" id="submit" value="Upload" data-dismiss="modal" onclick=save()> 
                </div>
              </div>
            </div>
          </div>
        </span>
    </body>

首先,要將媒體文件(圖像、視頻、音頻)上傳到服務器,您需要一個后端。 這意味着您需要使用 PHP 或 Nodejs 或 Python... 等語言編寫一些后端代碼。

在客戶端,您需要將文件發送到后端。 這可以通過兩種方式完成。

一、使用簡單的形式:

<form action="save.php" method="post" enctype="multipart/form-data">
     <input type="file" name="Audio" id="upload-aud" accept="Audio/mp3">
    <input type="submit" value="save file">
</form>

此表單會將名為“Audio”的媒體文件發送到作為您的后端的 save.php 文件。

第二種方法是使用 javascript 並從輸入中獲取文件並發送 ajax 請求。 您可以像這樣從輸入中獲取文件:

var file = document.getElementById('upload-aud').files[0]

現在, file變量包含您的媒體文件,您可以使用 ajax 發送它。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM