1

我有一个使用 jQuery 从外部站点生成多个图像的脚本。我正在尝试添加功能以选择多个图像并将它们提交到 php 脚本以存档 URL。

我当前的网站迭代能够毫无问题地突出显示所有图像。但是，我对如何在我的 php 脚本的帖子中使用所有突出显示的图像感到困惑。我将id=and添加data-value=到了 imgsrc 行，并且使用具有唯一id值的代码正确生成了 img src 行。

图像生成代码如下：

$('#images').append("<img id='" + id + "' src='http://example.com/" + id +
  "s.png' height='110' width='110' data-value='" + id + 
  "' onclick='clickpick(this)' />");

onclick 函数允许我使用以下代码突出显示单击的图像：

function clickpick(item) {
    if (item.style.borderWidth == '5px') {
        item.style.border = '';
    } else {
        item.style.border = '5px solid blue';
    }
}

最终结果是我希望页面上有一个下拉框，它将选择一个组，并且任何突出显示的图像都将发布到该组选择所引用的 php 脚本。

任何帮助或提示将不胜感激。

4

1 回答 1

1

我建议你使用 jQuery 和 web 服务。

我为你做了一个例子，你可以在http://jsfiddle.net/c685V/上找到它

我所做的是将突出显示的图像推送到数组中。然后使用ajax，我调用我的webservice（webservices.php/mywebservice），它接受一个字符串作为参数。参数是 JSON 字符串，我使用 JSON.stringify 命令将数组解析为 JSON 字符串。

$.ajax({
    type: "POST",
    url: "webservices.php/mywebservice",
    data: "{'images':'" + JSON.stringify(arr) + "'}",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function (msg) {
        if (msg.d === "OK") {
            //do something
        }
    },
    fail: function (msg) {
        document.location = "/errorPage.php";
    }
});

我不是 PHP 编码员，但您可以在 Google 上找到如何制作 webservie 并将 JSON 字符串反序列化回数组的示例。

于 2012-12-17T16:26:06.563 回答