小编Gab*_*ppo的帖子

将Blob数据上传到php服务器,从url中检索数据

我正在尝试从移动应用程序将图像上传到 php 服务器,将文件转换为 blob,然后使用 ajax 上传 blob。我用手机拍照后得到了图像网址。上传的文件是空的。我认为这应该是读取文件并转换为 blob 时出现的错误。

客户

var blob;
function get(){

var image = document.getElementById('image');
var file=image.src;

var oReq = new XMLHttpRequest();
oReq.open("GET", file, true);
oReq.responseType = "arraybuffer";

oReq.onload = function(oEvent) {
   blob = new Blob([oReq.response], {type: "image/jpg"});
};


oReq.send();


var fd = new FormData();
fd.append("file", blob, "filename.jpg");
$.ajax({
    type: 'POST',
    url: 'http://site/upload.php',
    data: fd,
    processData: false,
    contentType: false
}).done(function(data) {
       alert(data);
});

}
Run Code Online (Sandbox Code Playgroud)

服务器

<?php
$dir="uploads";

file_put_contents($dir."/image.jpg",$_POST['data']);

    echo "Done";  

?>
Run Code Online (Sandbox Code Playgroud)

php ajax jquery blob

5
推荐指数
1
解决办法
7512
查看次数

标签 统计

ajax ×1

blob ×1

jquery ×1

php ×1