Question

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

我当前对网站的迭代能够突出显示所有图片而不会出现问题。但是我很难过如何在帖子中使用所有突出显示的图像到我的PHP脚本。我将id=和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脚本。

非常感谢任何帮助或提示。

Answer 1

我建议你使用jQuery和webservices。

我为你做了一个例子，你可以在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字符串反序列化为数组的示例。

选择随机生成的多个图像并发布图像ID

1 个答案: