1

首先，对不起我的英语不好，我是意大利人。我对编程有点陌生，但是对于我的办公室，我需要创建一个有点复杂的脚本（至少对我来说）。在解释问题之前，我将解释我在做什么。

我编写了一个从数据输入创建图像的画布脚本，然后我将图像数据发送到 php 以进行保存过程。问题是我还需要发送一个值为 1 的 js 变量（在示例中为 value1）。我不知道如何将这些信息与原始图像数据一起传递。img绘制和保存的js代码。我需要将 value1 传递给 save.php

button.addEventListener("click",function(){
            //saving the values of the form
    var value1 = document.getElementById("value1").value;
            //text on the canvas
    var value1X = (maxWidth-ctx.measureText(value1).width)/2+500;
            //drawing the inputed text on the canvas
    ctx.drawImage(img,0,0);
        ctx.fillText(value1,value1X,maxHeight);
            //getting the image url and sending it to save.php for the saving process
        var imageURL = c.toDataURL("image/png");
        var ajax = new XMLHttpRequest();
        ajax.open("POST", 'saving.php', false);
        ajax.setRequestHeader('Content-Type','application/upload');
        ajax.send(imageURL);
 }, false);

这是PHP文件：

<?php
if (isset($GLOBALS[HTTP_RAW_POST_DATA])) {
$imageData = $GLOBALS[HTTP_RAW_POST_DATA];
$imageData = str_replace('data:image/png;base64,', '', $imageData);
$imageData = str_replace(' ', '+', $imageData);
$data = base64_decode($imageData);
    //here i need the value1 value from the javascript
$dirname = "value1";
$filename = "header_top.png";
$newdir = mkdir($dirname);
$path = ("the/path/to".$dirname."/");
$fp = fopen($path.$filename, 'wb');
fwrite($fp, $data);
fclose($fp);
}

我希望我能够解释自己，以便您可以帮助我。

非常感谢。

编辑：我想我明白了，我的意思是目前它有效，但我不知道它是否正确。事实是我正在调用一个 php 文件，所以我简单地在 url "?dir="+value1 的末尾添加了它，它可以工作。

    ajax.open("POST", 'saving.php?dir='+value1, false);
    ajax.setRequestHeader('Content-Type','application/upload');
    ajax.send(imageURL);

在 php 文件中，我只需调用 $_GET['dir'] 来获取值。

@hendrik 非常感谢您的回答，不幸的是我无法让它与 json 一起使用，也许是因为我不知道。

无论如何，如果有人知道更好的方法会很好。

4

1 回答 1

0

我认为使用 JSON 是一种将数据发送到 PHP 文件的好方法。这样您就可以将多个变量存储在一个对象或数组中。

// Store your data in an Object
var imageData = {
    url: 'http://adsadsf.com',
    name: 'foobar.gif',
    width: 500,
    height: 400,
    directory: 'img/'
}

var ajax = new XMLHttpRequest();
ajax.open("POST", 'saving.php', false);
// Send the imageData object as JSON
ajax.setRequestHeader('Content-Type', 'application/json;charset=UTF-8');
ajax.send(JSON.stringify(imageData));

不幸的是，我对 PHP 的了解不够，无法准确解释如何处理接收到的 JSON 数据，但我想您可以使用该json_decode方法。

更多关于 JSON： http: //www.json.org/js.html

于 2013-06-03T11:23:58.130 回答