選擇多個隨機生成的圖像併發布圖像ID

我有一個腳本，使用jQuery從外部網站生成多個圖像。我正在嘗試添加功能來選擇多個圖像，並將它們提交給php腳本以存檔網址。選擇多個隨機生成的圖像併發布圖像ID

我目前的網站迭代可以突出顯示所有圖像，而不會出現問題。然而，我很難以知道如何在我的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腳本中，如該組選擇所引用的那樣。

任何幫助或提示將不勝感激。

來源

2012-12-17 Joseph Ivan Hayhoe

您在第二段中提到的「imgsrc行」在哪裏？ – BryanH

我建議你使用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的編碼器，但你可以找到關於谷歌的例子如何使webservie和反序列化JSON字符串返回到一個數組。

來源

2012-12-17 16:26:06 JurgenStillaert

非常感謝。你的例子給了我需要的代碼來實現將圖像ID發送到PHP腳本以進行操作並存儲在數據庫中所需的代碼。 –

選擇多個隨機生成的圖像併發布圖像ID

回答

相關問題