php - js : send base64 string to php server page

标签 php javascript json file-upload base64

我在向服务器发送 base64 图像字符串(嵌入在 json 对象中)时遇到问题。

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);
    }

}

这里是 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);

这里是 $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";    
        }
    }

问题是,一旦我将存储在服务器中的图像可视化(<img src=\"$img\" alt='' title='' class='box_img' name='img_view' />,其中 $img 是图像的路径),我会看到类似这样的内容 enter image description here

但是我的原图是这样的 enter image description here

谁能帮帮我?

最佳答案

找到解决方案!刚刚删除了行

$img = str_replace(' ', '+', $img);

现在图像看起来一样了!!!!

关于php - js : send base64 string to php server page,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12785914/

相关文章:

php - 如何启用/禁用类的异常处理

javascript - 将 &lt;input type ="time"> 值(作为持续时间)转换为 JS/PHP 小时 float

javascript - 客户端检查是否在 firebase 中进行了身份验证

javascript - 如何根据 json 数据列表更新 html 项目列表

Javascript 自定义索引访问器

php - 我的自定义帖子类型 URL Slug 中缺少连字符

php - 我可以通过基于文本框中的值与表中列中的值之间的匹配的表单向 MySQL 表添加值吗?

javascript - jquery 原型(prototype)对象上的一个按钮与另一个按钮不同

javascript - webpack common chunks 插件 vs webpack dll 插件

JavaScript从json获取数据到全局变量