图像数据无法正确发送-Ajax,科尔多瓦

朱莉·弗兰克

以下代码是使用ajax拍照并发送到服务器的,但是图像数据无法正确发送。

 <script>
      var pictureSource;   // picture source
      var destinationType; // sets the format of returned value 
      var image = "";


  document.addEventListener("deviceready", onDeviceReady, false);

        function onDeviceReady() {

        function alertDismissed() {
        };
            pictureSource = navigator.camera.PictureSourceType;
            destinationType = navigator.camera.DestinationType;
        }

 function capturePhoto() {
            navigator.camera.getPicture(onPhotoDataSuccess, onFail, {
                quality: 50,
                destinationType: destinationType.DATA_URL
            });
        }

            function onPhotoDataSuccess(imageData) {

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

            smallImage.style.display = 'block';

            smallImage.src = "data:image/jpeg;base64," + imageData;

            image = "data:image/jpeg;base64," + imageData;

            alert("Image = "+image);
        }

     function onFail(message) {
            alert('Failed because: ' + message);
        }

    function submitFunction() {

        function alertDismissed() {
        };

        var dataString = 'image='+image;

        $.ajax({
        type: "POST",
        url: "url.php",
        data: dataString,
        cache: false,
        success: function(result){

        }
        });

        }
        </script>

        <input type="button" id="camera" class="btn btn-primary btn-large btn-block" value="Take Photo"  onclick="capturePhoto();"/>

        <input type="submit" class="btn btn-primary btn-large btn-block" value="Next"  onclick="submitFunction();" />

        <img style="display:none;width:60px;height:60px;" id="smallImage" src="" />

图像正确显示,并且警报显示“图像= data:image / jpeg; base64,/ 9j / 4AAQSkZJRgABAQAAAQABAAD / 2wBDABALDA4M ... o7cUAPFJR9KWmgP / 9k =“。

但是,在下面的php中,$ _POST ['image']没有接收到正确的数据,它丢失了一些字符,例如'+',并且还用空格或换行代替了它。因此,当我从其他页面的db返回时,图像无法正确显示。

url.php

$con=mysql_connect('server','user','password') or die("Failed to connect to MySQL: " . mysql_error());

$db=mysql_select_db('db',$con) or die("Failed to connect to MySQL: " . mysql_error()); 

$retval = mysql_query( "UPDATE tablename SET photo='".$_POST['image']."' WHERE ID='".$_POST['id']."'", $con );

echo $_POST['image'];
穆萨

您的base64图片字符串将包含url编码中具有特殊含义的字符,您需要对其进行编码

var dataString = 'image='+encodeURIComponent(image);

或更容易

data: {"image":image},

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

科尔多瓦无法安装

来自分类Dev

科尔多瓦相机无法正常工作

来自分类Dev

科尔多瓦无法构建Android

来自分类Dev

无法执行科尔多瓦

来自分类Dev

科尔多瓦3,无法开始活动

来自分类Dev

科尔多瓦无法运行Java -version

来自分类Dev

科尔多瓦hideKeyboardAccessoryBar无法正常工作

来自分类Dev

科尔多瓦-jQuery和CSS代码无法正确显示

来自分类Dev

科尔多瓦将图像存储在本地存储中

来自分类Dev

科尔多瓦-阅读大图会损坏图像

来自分类Dev

科尔多瓦无法识别...安装后立即

来自分类Dev

科尔多瓦无法在android上构建(GCM依赖)

来自分类Dev

离子科尔多瓦相机无法正常工作

来自分类Dev

科尔多瓦:无法添加android平台,出现EACCES错误

来自分类Dev

科尔多瓦角无法连接到socket.io

来自分类Dev

科尔多瓦模拟android-qemu:无法加载initrd''

来自分类Dev

科尔多瓦(Cordova)应用突然无法正常运行

来自分类Dev

科尔多瓦构建:错误:无法运行“ java -version”

来自分类Dev

科尔多瓦创建项目无法正常工作

来自分类Dev

科尔多瓦android无法从缓存目录复制图像

来自分类Dev

科尔多瓦本地ajax请求错误

来自分类Dev

离子科尔多瓦角建筑没有针对正确的环境

来自分类Dev

如何正确使用 javascript 承诺?(离子和科尔多瓦相关)

来自分类Dev

科尔多瓦phonegap wp8 svg在图像标签中损坏

来自分类Dev

重新应用到科尔多瓦以Xcode到iphone图像不显示

来自分类Dev

SVG 图像未显示在简单的 android 科尔多瓦表中

来自分类Dev

科尔多瓦Android WebRTC无法捕获视频-仅限音频。权限问题?

来自分类Dev

科尔多瓦JQuery错误VS2015:异常:无法调用未定义的方法“ concat”

来自分类Dev

科尔多瓦+安卓-android-windowSoftInputMode AdjustPan无法正常工作

Related 相关文章

  1. 1

    科尔多瓦无法安装

  2. 2

    科尔多瓦相机无法正常工作

  3. 3

    科尔多瓦无法构建Android

  4. 4

    无法执行科尔多瓦

  5. 5

    科尔多瓦3,无法开始活动

  6. 6

    科尔多瓦无法运行Java -version

  7. 7

    科尔多瓦hideKeyboardAccessoryBar无法正常工作

  8. 8

    科尔多瓦-jQuery和CSS代码无法正确显示

  9. 9

    科尔多瓦将图像存储在本地存储中

  10. 10

    科尔多瓦-阅读大图会损坏图像

  11. 11

    科尔多瓦无法识别...安装后立即

  12. 12

    科尔多瓦无法在android上构建(GCM依赖)

  13. 13

    离子科尔多瓦相机无法正常工作

  14. 14

    科尔多瓦:无法添加android平台,出现EACCES错误

  15. 15

    科尔多瓦角无法连接到socket.io

  16. 16

    科尔多瓦模拟android-qemu:无法加载initrd''

  17. 17

    科尔多瓦(Cordova)应用突然无法正常运行

  18. 18

    科尔多瓦构建:错误:无法运行“ java -version”

  19. 19

    科尔多瓦创建项目无法正常工作

  20. 20

    科尔多瓦android无法从缓存目录复制图像

  21. 21

    科尔多瓦本地ajax请求错误

  22. 22

    离子科尔多瓦角建筑没有针对正确的环境

  23. 23

    如何正确使用 javascript 承诺?(离子和科尔多瓦相关)

  24. 24

    科尔多瓦phonegap wp8 svg在图像标签中损坏

  25. 25

    重新应用到科尔多瓦以Xcode到iphone图像不显示

  26. 26

    SVG 图像未显示在简单的 android 科尔多瓦表中

  27. 27

    科尔多瓦Android WebRTC无法捕获视频-仅限音频。权限问题?

  28. 28

    科尔多瓦JQuery错误VS2015:异常:无法调用未定义的方法“ concat”

  29. 29

    科尔多瓦+安卓-android-windowSoftInputMode AdjustPan无法正常工作

热门标签

归档