首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何将音频文件上载到服务器

如何将音频文件上载到服务器
EN

Stack Overflow用户
提问于 2021-12-12 15:49:16
回答 1查看 718关注 0票数 -1

我想知道是否有一种上传文件服务器端的方法,主要是我想在一个特定的文件夹中上传音频,我第一次尝试通过js上传和下载,但这里不起作用的是HTML。

代码语言:javascript
代码运行次数:0
运行
复制
    <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>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-12-12 16:02:06

首先,要将媒体文件(图像、视频、音频)上传到服务器,您需要一个后端。这意味着您需要用PHP、Nodejs或Python等语言编写一些后端代码.。

在客户端,您需要将文件发送到后端。这可以有两种方法。

第一,使用一个简单的形式:

代码语言:javascript
代码运行次数:0
运行
复制
<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>

此表单将向您的后端save.php文件发送一个名为"Audio“的媒体文件。

第二种方法是使用javascript并从输入中获取文件并发送ajax请求。您可以像这样从输入中获取文件:

代码语言:javascript
代码运行次数:0
运行
复制
var file = document.getElementById('upload-aud').files[0]

现在,file变量包含您的媒体文件,您可以使用ajax发送它。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/70325113

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档