Foxtable(狐表)用户栏目专家坐堂 → 网页录音上传到指定文件夹?


  共有3893人关注过本帖树形打印复制链接

主题:网页录音上传到指定文件夹?

帅哥哟,离线,有人找我吗?
一笑
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:四尾狐 帖子:808 积分:6213 威望:0 精华:0 注册:2014/3/23 23:02:00
网页录音上传到指定文件夹?  发帖心情 Post By:2023/8/3 16:23:00 [只看该作者]

以下代码实现网页录音和保存、回放,但如何实现将录音文件上传到服务器指定的文件夹(d:\web\uploadfiles\)中?谢谢
<body>
  <audio id="recorded"></audio>
  <button >开始录制</button>
  <button >结束录制</button>
  <script>
    var recorder, stream;
    function startRecording() {
      navigator.mediaDevices.getUserMedia({ audio: true }).then(function (mic) {
        stream = mic;
        recorder = new MediaRecorder(mic);
        recorder.start();
      }).catch(function (err) { });
    }
    function stopRecording() {
      recorder.stop();
      stream.getAudioTracks()[0].stop();
      recorder.ondataavailable = function (e) {
        var audio = document.getElementById('recorded');
        audio.src = URL.createObjectURL(e.data);
        audio.controls = true;
      };
    }
  </script>
</body>


 回到顶部
帅哥哟,离线,有人找我吗?
有点蓝
  2楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:111393 积分:567029 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2023/8/3 16:31:00 [只看该作者]


 回到顶部
帅哥哟,离线,有人找我吗?
chen37280600
  3楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:六尾狐 帖子:1279 积分:7959 威望:0 精华:4 注册:2017/12/31 14:53:00
  发帖心情 Post By:2023/8/3 17:29:00 [只看该作者]

我看到MediaRecorder,记录好后直接变.mp4文件,用文件提交给后端,这个就等于普通的文件上传,跟狐表高开帮助文档里接收文件一样

https://blog.csdn.net/weixin_47424753/article/details/126372232

 回到顶部
帅哥哟,离线,有人找我吗?
一笑
  4楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:四尾狐 帖子:808 积分:6213 威望:0 精华:0 注册:2014/3/23 23:02:00
  发帖心情 Post By:2023/11/3 16:29:00 [只看该作者]

如果windows server 2012服务器地址是41.193.61.120,端口是888,D盘建“uploadfile”文件夹,现在拟用adjax上传文件到D盘uploadfile文件夹,请问上传地址该写什么?谢谢!
<script>
    function uploadRec(){
        //停止录音,得到了录音文件blob二进制对象
        rec.stop(function(blob,duration){
            var form=new FormData();
            form.append("upfile",blob,"recorder.mp3"); 
            //直接用ajax上传
            var xhr=new XMLHttpRequest();
            xhr.open("POST","http://baidu.com/修改成你的上传地址");
    };</script>

[此贴子已经被作者于2023/11/3 16:35:26编辑过]

 回到顶部
帅哥哟,离线,有人找我吗?
有点蓝
  5楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:111393 积分:567029 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2023/11/3 16:33:00 [只看该作者]

ajax的url和服务器文件夹没有任何关系。url任意指定,在服务端接收到文件后保存到(d:\web\uploadfiles\)即可

 回到顶部
帅哥哟,离线,有人找我吗?
一笑
  6楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:四尾狐 帖子:808 积分:6213 威望:0 精华:0 注册:2014/3/23 23:02:00
  发帖心情 Post By:2023/11/3 16:37:00 [只看该作者]

           写成xhr.open("POST","d:\web\uploadfiles\");?

 回到顶部
帅哥哟,离线,有人找我吗?
有点蓝
  7楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:111393 积分:567029 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2023/11/3 16:42:00 [只看该作者]

都说了【ajax的url和服务器文件夹没有任何关系】!!!这个中文有这么难以理解?

xhr.open("POST","http://baidu.com/abc.html");

httprequest
Select Case e.Path
    Case "
abc.html"
      接收保存的代码

End Select

 回到顶部
帅哥哟,离线,有人找我吗?
一笑
  8楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:四尾狐 帖子:808 积分:6213 威望:0 精华:0 注册:2014/3/23 23:02:00
  发帖心情 Post By:2023/11/3 16:51:00 [只看该作者]

我要是懂,就不买狐表了!!!还有你啥事!!!我是业余爱好者,狐表的用户,你啥态度,别拿你的专业知识装X!

 回到顶部
帅哥哟,离线,有人找我吗?
有点蓝
  9楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:111393 积分:567029 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2023/11/3 17:04:00 [只看该作者]

这个和专业没有半毛钱的关系。纯文字表达的意思,都说了和文件夹没有关系,还硬要塞个文件路径进去,就是没有理会别人给的建议。

 回到顶部
帅哥哟,离线,有人找我吗?
一笑
  10楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:四尾狐 帖子:808 积分:6213 威望:0 精华:0 注册:2014/3/23 23:02:00
  发帖心情 Post By:2023/11/3 17:13:00 [只看该作者]

医学的、化学的你都懂,都是纯文字,你都看得懂!我要是懂,就不买狐表了!!!还有你啥事!!!我是业余爱好者,狐表的用户,你啥态度,别拿你的专业知识装X!

 回到顶部