[英]js: send base64 string to php server page
I have a problem in sending a base64 image string (embedded in json object) to the server. 我在将base64图像字符串(嵌入在json对象中)发送到服务器时遇到问题。
here is the Js code: 这是Js代码:
var sMimeType;
var id_g;
var tipo_g;
var lang_g;
function fileLoaded(frEvnt){
var sFBody = frEvnt.target.result;
var sBodyBase64 = btoa(sFBody);
var myobj = {my_id: id_g, my_tipo: tipo_g, my_lang:lang_g, img_mime_type: sMimeType, img_base64 :sBodyBase64};
//$("#error").html(JSON.stringify(myobj));
$.ajax({
url: "up_img.php",
data: JSON.stringify(myobj),
type: 'POST',
success:function(a) {/*window.location = tipo_g+".php?l="+lang_g*/alert(a);},
error:function() {$("#error").html("error")}
});
}
function Upload(id,tipo){
lang = document[id].l.value;
var oFile = document[id].img.files[0];
id_g = id;
tipo_g = tipo;
lang_g = lang;
if(oFile){
var oFReader = new FileReader();
oFReader.onload = fileLoaded;
sMimeType = oFile.type;
oFReader.readAsBinaryString(oFile);
}
}
and here is the up_img.php
这是up_img.php
require_once('dbconn.php');
require_once('../utility/sec.php');
$json = json_decode(file_get_contents("php://input"),true);
$id = "";
$id = $json['my_id'];
$lang = "";
$lang = $json['my_lang'];
$tipo = "";
$tipo = $json['my_tipo'];
$img_mime = "";
$img_mime = $json['img_mime_type'];
$img_base64 = "";
$img_base64 = base64_decode($json['img_base64']);
$event = new event($tipo,$lang);
$event->upload_img($img_base64,$img_mime,$id);
here's $event->upload_img($img_base64,$img_mime,$id);
这是$event->upload_img($img_base64,$img_mime,$id);
public function upload_img($img,$mime,$id){
if($this->check_img($id)){
//$img = str_replace('data:image/png;base64,', '', $img);
switch($mime){
case "image/png": case "image/jpeg": case "image/jpg": case "image/gif": case "image/tiff":{
$img = str_replace(' ', '+', $img);
$data = $img;
$ext = explode('/',$mime);
$file = $this->get_folder_picture() . md5($id) . '.' . $ext[1];
$success = file_put_contents($file, $data);
if($success)
{
$newconn = new event($this->getTipo(),$this->getLang());
$newconn->open_conn();
$query = sprintf("insert into images (`Id`,`Ext`) values (%d,'%s')",
$id,$ext[1]);
$q = mysql_query($query,$newconn->getLink());
echo mysql_error($newconn->getLink());
$newconn->close_conn();
}else
echo 'Unable to save the file.';
break;
}
default:{
echo "not a valid image. image type accepted are jpge,jpg,png,tiff and gif: u gave ".$mime;
break;
}
}
}else{
print "image error";
}
}
the problem is that once I visualize the image stored in the server ( <img src=\\"$img\\" alt='' title='' class='box_img' name='img_view' />
where $img
is the path of the image), I see something like this 问题是,一旦我想象存储在服务器中的图像( <img src=\\"$img\\" alt='' title='' class='box_img' name='img_view' />
其中$img
是路径图像),我看到这样的事情
but my original image looks like this 但我的原始图像看起来像这样
anyone can help me? 有人可以帮帮我吗?
Found the solution! 找到了解决方案! just removed the line 刚刚删除了该行
$img = str_replace(' ', '+', $img);
now the images look the same!!!! 现在图像看起来一样!!!!
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.