Question

我正在使用下面的代码供用户从表单中的PHP图像数组中选择缩略图。我试图找出一种方法，以便当用户提交表单时，该表单已打开，当前显示的任何图像将通过表单传递给PHP Post。我不知道该怎么做。逻辑上认为，如果image [1]处于活动状态，我想将该url发送到表单。目前，PHP var $ knoteImgs []是完整的标签，如果我需要将img标签放在JS中，那么获取URL可能更清晰。

<script type="text/javascript">
var image = new Array(3)
image[1]="<? echo $knoteImgs[0]; ?>"
image[2]="<? echo $knoteImgs[1]; ?>"
image[3]="<? echo $knoteImgs[2]; ?>"
var num = 1;

document.getElementById('next').addEventListener('click', function(galleryNext){
num=num+1
if (num==4)
{num=1}
document.getElementById('knoteImg').src=image[num];
});

document.getElementById('back').addEventListener('click', function(galleryPrevious){
num=num-1
if (num==0)
{num=3}
document.getElementById('knoteImg').src=image[num];
});
</script>

编辑：如果有人甚至可以将我链接到一些有用的相关帖子。不知道该搜索什么。

编辑我原来的帖子以显示工作代码： 感谢@GaryHayes和@Brad的帮助！

<script type="text/javascript">
var image = <?php echo json_encode($knoteImgs); ?>;

var tot = image.length;
var c = 0; // current image (array key index)

function loadImage(){
  $("<img/>").attr({src:image[c], id:"knoteImg", class:"img-thumbnail"}).load(function() {
      $('#thumbnail').html( this );
  }); 
}
loadImage(); // load 1 image

$('#prev, #next').click(function(){
  id= this.id==='next' ? c++ : c-- ;
  c= c==-1 ? tot-1 : c%tot ;
  loadImage(); 

});
function getimage() {
document.getElementById('currentimage').value = document.getElementById('knoteImg').src;
var thumbnail = document.getElementById('currentimage');
alert(thumbnail.value);
}
</script>

alert(thumbnail.value);由以下方式触发：

<input type="hidden" id="currentimage" name="currentimage" />
  <input type="submit" onclick="getimage();" value="Submit" />

Answer 1

您的HTML格式：

  <input type="hidden" id="currentimage" name="currentimage" />

    <input type="submit" onclick="getimage();" value="Submit" />

您在Javascript中的功能：

function getimage() {
document.getElementById('currentimage').value = document.getElementById('knoteImg').src;
}

这样的事情......对不起，如果不完美......不要现场测试。

从图像选择数组设置变量，发送到PHP

1 个答案: