Question

我遇到了jQuery的问题，我觉得这很简单，但我还是找不到解决方案。

我有一个上传表单供用户在WordPress中上传图片，当用户点击“插入帖子”时，上传图片的网址应该进入文本输入字段。

我可以让1工作正常，但是当我有多个带有多个输入字段的上传按钮时，图像网址只会被发送到最后一个文本输入。

这是我的代码：

<script type="text/javascript">
   //MEDIA UPLOADER
   jQuery(document).ready(function() {
      //Opens the upload dialog box when the button is clicked
      jQuery('#wpsa_slide_<?php echo $slidenumber; ?>_button').click(function() {
      formfield = jQuery('#wpsa_slide_<?php echo $slidenumber; ?>').attr('name');
      tb_show('', 'media-upload.php?type=image&amp;TB_iframe=true');
      return false;
  });
  //Sends the uploaded/selected file URL to the text input field
  window.send_to_editor = function(html) {
     imgurl = jQuery('img',html).attr('src');
     jQuery('#wpsa_slide_<?php echo $slidenumber; ?>').val(imgurl);
     tb_remove();
  }
});
</script>

Answer 1

imgurl = jQuery('img',html).attr('src');

这将选择html中的所有图像，并获取此集合中第一个的src属性。可能问题出在那里......

Answer 2

jQuery(document).ready(function() 
{    
    var tbl = document.getElementById('tblSample');
    var lastRow = tbl.rows.length+1;
    var row=0;
    var click=0;
    for(var num=0;num<lastRow;num++)
    {
        row+=1;
        jQuery('#upload_image_button'+row).click(function() {
            formfield = jQuery('#my_meta[image'+row+']').attr('name');
            tb_show('', 'media-upload.php?type=image&amp;TB_iframe=true');
            click=this.id;
            return false;
        });
    }

    window.send_to_editor = function(html) {
        click = click.substring(19);
        imgurl = jQuery('img',html).attr('src');
        var field = 'upload_image_hide'+click+'';
        jQuery('#'+field).val(imgurl);
        tb_remove();
    }

});

jQuery - 将多个URL发送到多个文本输入字段

2 个答案: