将Blob文件保存到服务器

Baimyrza shamyr

我正在尝试将录制的文件保存到服务器。出于记录目的,我使用演示记录器

录制结束时,它给了我一个指向录制文件的Blob链接。因此,在谷歌搜索了一下之后,我发现可以使用该bob网址进行保存。
是讨论保存Blob的链接。之后,我尝试获取它并下载到服务器。

1-我获得了指向Blob文件的链接

var data = document.getElementById("save").href

之后,我在index.html文件中使用js代码将
blob url发送到php代码。
JS代码

<script>
function saveAudio(){
var req = null;
var url = "savefile.php";
var data = document.getElementById("save").href.toString();// document.getElementById("save").innerHTML;// = xhttp.responseText;;   // you have to check how to get the data from your saveAudio() method
window.alert(data);

(window.XMLHttpRequest) ? req = new XMLHttpRequest() : (window.ActiveXObject) ? req = new ActiveXObject("Microsoft.XMLHTTP") : req = false; 
req.open("POST", url, true);
req.setRequestHeader("Content-Type", "multipart/form-data");

if(data != null) //&& data != "")
{
  req.setRequestHeader("Content-length", data.length);
  req.send(data);
}}


</script>

PHP代码

<?php

$save_folder = dirname(__FILE__) ."/js";
if(! file_exists($save_folder)) {
    if(! mkdir($save_folder)) {
        die("failed to create save folder $save_folder");
    }
}

$key = 'filename';
$tmp_name = $_FILES["audiofile"]["tmp_name"];
$upload_name = $_FILES["audiofile"]["name"];
$type = $_FILES["audiofile"]["type"];
$filename = "$save_folder/$upload_name";
$saved = 0;
if(($type == 'audio/x-wav' || $type == 'application/octet-stream') && preg_match('/^[a-zA-Z0-9_\-]+\.wav$/', $upload_name) ) {

    $saved = move_uploaded_file($tmp_name, $filename) ? 1 : 0;
}

//name is needed to send in the php file

?>

在浏览器
1中进行编译时,出现2个错误,拒绝设置不安全的标头“ Content-length”。
2-POST savefile.php 500

我想php文件有问题!
如何处理这些错误并完成上传任务?
是否有任何开放源代码可以直接将blob-url上传到服务器,而无需使用php?
感谢您的帮助和建议!

永远学习

尝试删除该行:req.setRequestHeader(“ Content-length”,data.length);

不允许XMLHttpRequest设置这些标头,因为那将是一个安全漏洞。500很可能是请求失败的结果。

您可以在此处http://www.w3.org/TR/XMLHttpRequest/#the-setrequestheader%28%29-method阅读有关XMLHttpReqest的信息

这是其他一些相同问题的线程:

通过Ajax传递Blob以生成文件

JavaScript如何上传Blob?

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将Blob保存到服务器吗?

来自分类Dev

从POST请求将文件保存到Web服务器

来自分类Dev

KnpSnappyBundle将文件保存到服务器

来自分类Dev

将文件保存到流星服务器节点js

来自分类Dev

将表单信息保存到服务器上的文件

来自分类Dev

是否可以将JSON文件保存到服务器

来自分类Dev

itextsharp - 将文件保存到远程服务器

来自分类Dev

将cakeresponse保存到服务器

来自分类Dev

将图像保存到服务器

来自分类Dev

如何使用 Powershell 从 Azure 存储下载 blob 文件并将其保存到 FTP 服务器?

来自分类Dev

将文件上传到Web服务而不保存到服务器,数据库或本地

来自分类Dev

将文件上传到Web服务而不保存到服务器,数据库或本地

来自分类Dev

从UIWebView将文件保存到服务器文件夹

来自分类Dev

C#将文件保存到服务器上的文件夹而不是本地

来自分类Dev

将字符串保存到FTP服务器上的txt文件中

来自分类Dev

将jQuery更改保存到服务器上的CSS文件

来自分类Dev

服务器上的SQL:将查询语句保存到文件

来自分类Dev

将textarea的内容保存到文件并从PHP服务器页面加载

来自分类Dev

如何将当前HTML保存到服务器上的文件?

来自分类Dev

将文件附加到MailMessage而不保存到服务器

来自分类Dev

使用PHP将画布保存到服务器上的文件

来自分类Dev

服务器上的SQL:将查询语句保存到文件

来自分类Dev

将textarea的内容保存到文件并从PHP服务器页面加载

来自分类Dev

如何将当前HTML保存到服务器上的文件?

来自分类Dev

将文件保存到远程服务器后,Yii2 Advance无法更新数据

来自分类Dev

使用jQuery将变量保存到文本文件服务器端

来自分类Dev

Javascript将变量保存到服务器上的.txt文件并覆盖.txt内容

来自分类Dev

流星将图像数据保存到服务器集合

来自分类Dev

OpenLayers:将添加的点保存到地理服务器

Related 相关文章

  1. 1

    将Blob保存到服务器吗?

  2. 2

    从POST请求将文件保存到Web服务器

  3. 3

    KnpSnappyBundle将文件保存到服务器

  4. 4

    将文件保存到流星服务器节点js

  5. 5

    将表单信息保存到服务器上的文件

  6. 6

    是否可以将JSON文件保存到服务器

  7. 7

    itextsharp - 将文件保存到远程服务器

  8. 8

    将cakeresponse保存到服务器

  9. 9

    将图像保存到服务器

  10. 10

    如何使用 Powershell 从 Azure 存储下载 blob 文件并将其保存到 FTP 服务器?

  11. 11

    将文件上传到Web服务而不保存到服务器,数据库或本地

  12. 12

    将文件上传到Web服务而不保存到服务器,数据库或本地

  13. 13

    从UIWebView将文件保存到服务器文件夹

  14. 14

    C#将文件保存到服务器上的文件夹而不是本地

  15. 15

    将字符串保存到FTP服务器上的txt文件中

  16. 16

    将jQuery更改保存到服务器上的CSS文件

  17. 17

    服务器上的SQL:将查询语句保存到文件

  18. 18

    将textarea的内容保存到文件并从PHP服务器页面加载

  19. 19

    如何将当前HTML保存到服务器上的文件?

  20. 20

    将文件附加到MailMessage而不保存到服务器

  21. 21

    使用PHP将画布保存到服务器上的文件

  22. 22

    服务器上的SQL:将查询语句保存到文件

  23. 23

    将textarea的内容保存到文件并从PHP服务器页面加载

  24. 24

    如何将当前HTML保存到服务器上的文件?

  25. 25

    将文件保存到远程服务器后,Yii2 Advance无法更新数据

  26. 26

    使用jQuery将变量保存到文本文件服务器端

  27. 27

    Javascript将变量保存到服务器上的.txt文件并覆盖.txt内容

  28. 28

    流星将图像数据保存到服务器集合

  29. 29

    OpenLayers:将添加的点保存到地理服务器

热门标签

归档