0

如何将数据从 javascript 发送到 php？如果我使用 ajax，会有错误？这是我的代码

脚本.js

function uploadPhoto(imageURI) {
var options = new FileUploadOptions();

    options.fileKey="file";
    options.fileName=imageURI.substr(imageURI.lastIndexOf('/')+1);
    options.mimeType="image/jpeg";

    options.chunkedMode = false;

    var ft = new FileTransfer();
    ft.upload(imageURI, "http://*my_ip*/TA/php/upload.php", win, fail, options);
};

上传.php

include 'db.php';
$t=time();
$id_place = $_GET["id_place"];
$file_name = $_FILES["file"]["name"].$t.".jpg";
$dir_full = "images/full/"."full_".$file_name;
$dir_small = "images/small/"."small_".$file_name;

move_uploaded_file($_FILES["file"]["tmp_name"], $dir_full);

$im_src = imagecreatefromjpeg($dir_full);
$src_width = imageSX($im_src);
$src_height = imageSY($im_src);

$dst_width = 50;
$dst_height = ($dst_width/$src_width)*$src_height;

$im = imagecreatetruecolor($dst_width,$dst_height);
imagecopyresampled($im, $im_src, 0, 0, 0, 0, $dst_width, $dst_height, $src_width, $src_height);

imagejpeg($im, $dir_small);

$temp = "http://*my_ip*/TA/php/images/full/"."full_".$file_name;
$temp2 = "http://*my_ip*/TA/php/images/small/"."small_".$file_name;
//$id_place = .$id_place;
$query = "insert into gallery values ('','$id_place','$temp','$temp2')";
mysql_query($query);

imagedestroy($im_src);
imagedestroy($im);

如果我使用 ajax，script.js 将是这样的（如果我错了，请纠正我）

script.js 与 ajax

function uploadPhoto(imageURI) {
    jquery.ajax({
        type: 'GET',
        url: 'http://203.189.122.77/TA/php/gallery.php',
                    data: {id_place: window.localStorage("id_place")},
            dataType: 'jsonp',
            jsonp: 'jsoncallback',
            timeout: 5000,
                    success: function(data, status){
            //alert(window.localStorage.getItem("id_place"));
            var options = new FileUploadOptions();
                        options.fileKey="file";
            options.fileName=imageURI.substr(imageURI.lastIndexOf('/')+1);
            options.mimeType="image/jpeg";
            options.chunkedMode = false;

            var ft = new FileTransfer();
            ft.upload(imageURI, "http://203.189.122.77/TA/php/upload.php", win, fail, options, true);
        },
        error: function(){
            alert('There was an error when download images');
        }
    });

};

如果我使用 ajax，总是有错误函数。如果我不使用 ajax，我无法获取 id_place

4

1 回答 1

1

使用 JSONP，服务器不会返回常规 JSON 对象，而是返回要在客户端上运行的 JavaScript 函数。然后，您的客户端代码执行从服务器返回的函数以访问数据。

我相信另一篇文章：简单的 jQuery、PHP 和 JSONP 示例？ 将解释如何在您的上下文中执行此操作。

要更一般地理解 JSONP 的机制，http ://en.wikipedia.org/wiki/JSONP可能会有所帮助。

于 2013-05-26T15:33:48.873 回答