如何将音频文件上载到服务器
提问于 2021-12-12 07:49:16
我想知道是否有一种上传文件服务器端的方法，主要是我想在一个特定的文件夹中上传音频，我第一次尝试通过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">×</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>
回答 1
Stack Overflow用户
回答已采纳
发布于 2021-12-12 08:02:06
首先，要将媒体文件(图像、视频、音频)上传到服务器，您需要一个后端。这意味着您需要用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>此表单将向您的后端save.php文件发送一个名为"Audio“的媒体文件。
第二种方法是使用javascript并从输入中获取文件并发送ajax请求。您可以像这样从输入中获取文件：
var file = document.getElementById('upload-aud').files[0]现在，file变量包含您的媒体文件，您可以使用ajax发送它。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/70325113
复制相关文章
点击加载更多
腾讯云开发者
