Question

**当我拖放图像然后选择图像形式#exampleModal并单击图像以提交按钮图像时，将通过响应newtest.php进行更改，但是当我拖动第二个图像并使用相同的#exampleModal来更改图像时然后这两个图像都改变了，我第一次拖动时就改变了，我必须改变每个拖动的图像都不同

我在通过Ajax和php mysql进行图像更新时遇到问题这是我的简短问题

am使用引导程序类拖动img 这是下面的html **

<div class="box box-element ui-draggable "  >
         <div class="preview">Images</div>
          <div class="view imageschange " > 
            <img alt="140x140" width="100%" height="100%" 
                src="img/Desert.jpg" data-toggle="modal" data- 
                target="#exampleModal"> 
          </div>

**这是我的代码，用于在#exampleModal中获取所有图像**

<?php foreach ($result as $row) { ?>           

       <td ><input type="checkbox" value="<?php echo $row['images_id']; ?>" 
        id="<?php echo $row['images_id']; ?>" name="image_id" required >&nbsp; &nbsp;
         <?php Echo "<img  width='100px;' height='100px;' src=img/".$row['images_path'] .">";  ?>                        
       </td>            
      </tr>
      <?php } ?>

**最后一个是我的ajax调用**

function checkFluency(){
       var img = document.getElementsByName('image_id');        
       var selectedimg="";
    for(var i=0; i<img.length; i++){
      if(img[i].type=='checkbox' && img[i].checked==true){
        selectedimg+=img[i].value+"\n";

        $.ajax({
            url: 'newtest.php',
            type: 'POST',
            data:{post_id:selectedimg},              
            success: function(response){
              console.log(response);
              $('.imageschange').html(response);

              $('#exampleModal').modal('hide');
            },

最后一个是我从复选框#examplemodel newtest.php选择图片时更改图片的响应代码

code here in image you can see of newtest.php

我通过Ajax和php mysql更新图片时遇到问题

0 个答案: