html本地图片转为blob,html FileReader：将blob转换为图像文件？

var reader = new FileReader();

var objVal;

var image = new Image();

reader.onload = function(e) {

document.getElementById('propertyImg').setAttribute('src', e.target.result);

};

function readURL(input){

if(input.files && input.files[0]){

reader.readAsDataURL(input.files[0]);

}

else {

document.images[0].src = input.value || "No file selected";

}

}

function sendPost(){

var url = 'http://myurl.com';

var name = document.getElementById('fileInput').files[0].name;

var data = document.getElementById('propertyImg').getAttribute('src');

var f = document.createElement("form");

var imgName = document.createElement("input");

var imgData = document.createElement("input");

var f_attr = { 'method' : 'post' , 'action' : url};

var imgName_attr = {"type" : "hidden", "name" : "img_name", "value" : name};

var imgData_attr = {"type" : "hidden", "name" : "data", "value" : data};

setAttributes(f, f_attr);

setAttributes(imgName, imgName_attr);

setAttributes(imgData, imgData_attr);

f.appendChild(imgName);

f.appendChild(imgData);

document.body.appendChild(f);

f.submit();

}

function setAttributes(el, attrs) {

for(var key in attrs) {

el.setAttribute(key, attrs[key]);

}

}

sendPost

服务器端代码

$FileName = $_POST['img_name'];

$data = $_POST['data'];

list($header, $content) = split('[,]', $data);

file_put_contents($FileName, base64_decode($content));

print "Data Written";

?>

function showImg(){

var imgSrc = "=$data?>";

var imgDiv = document.getElementById('imgDiv');

imgDiv.src = imgSrc;

}

show

发送到服务器团块具有信息来源约报头和它的内容。 当我拆分标题然后保存解码其内容，它的工作.... 我改变了上面的代码现在工作。 thx guys

2012-10-23

Seho Lee

+0

你正在写你的文件作为base64字符串，你应该真的尝试解码它，也许去一个xhr而不是那个东西。 –