使用ajax将blob从.js文件发送到php [重复]

Question

所以我设置了一个页面，需要将 blob 变量发送到 php 页面。然后 php 页面使用 pdo 将 blob 上传到 mysql。我设置了ajax，所以它只发送一个文本变量并上传它就好了。但是，当我尝试做 blob 时，它不会起作用。

主页

    var blob = new Blob(["i am a blob"]);

   $.ajax({

      type: 'POST',
      url: 'test.php',
      data: {roll: blob},
    });

php页面

$got = $_POST['roll']; //gets the variable

$pdo = new PDO('mysql:host='. $host .';dbname='.$db_name, $db_username, $db_password);
    $query = $pdo->prepare('INSERT INTO books (test,rec) VALUES (?,?)'); 
    $query->bindValue(1, '35');
    $query->bindValue(2, $rollv);
    $query->execute();

Answer 1

目前，JavaScript 并不是处理二进制数据的最佳语言。它正在广泛改进，但仅限于现代浏览器（最值得注意的是，只有 IE10+ 和移动支持有时是部分的）。

因此，您可以使用 XHR2 (browser support) 发送二进制数据。使用 XHR2 非常简单，您可以在这里阅读一篇非常好的文章：http://www.html5rocks.com/en/tutorials/file/xhr2/。 如果你真的需要使用 jQuery 来管理异步请求，那么你需要使用 FormData 和这里解释的技巧：https://stackoverflow.com/a/13333478/192024

PS：将 blob 数据存储到 MySQL 数据库时要小心，因为有时可能会出现问题，尤其是大文件！

Answer 2

你可以试试这样的。

var data;
var blob = new Blob(["i am a blob"]);

var reader  = new FileReader();

reader.onloadend = function () {
    data = reader.result;

    $.ajax({
      type: 'POST',
      url: 'test.php',
      data: {roll: data},
    });
}

reader.readAsDataURL(blob);