主页 / 问题 / 822922
Accepted
NTP
Asked:2020-05-04 04:42:54 +0000 UTC2020-05-04 04:42:54 +0000 UTC

启动函数时，将图片标题添加到 JSON

  • 772

有删除预览照片的功能。我怎样才能使如果带有路径的图像被删除img/..，那么图像的名称将以<input>格式写入JSON？假设我从下面的代码中删除两个图像，以便JSON值为：["img1.jpg"]

imagesList.on('click', '.delete-link', function () {
  var item = $(this).closest('.item'),
      id = item.data('id');
 
  delete queue[id];
 
  item.remove();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input class="json_list" type="hidden" value="">

<ul id="uploadImagesList">
  <li class="item">
    <span class="img-wrapi">
      <img src="img/img1.jpg">
    </span>
    <span class="delete-link">Удалить</span>
  </li>
  <li class="item">
    <span class="img-wrapi">
      <img src="img2.jpg">
    </span>
    <span class="delete-link">Удалить</span>
  </li>
</ul>

javascript

1 个回答

  1. Best Answer
    imagesList.on('click', '.delete-link', function () {
  var item = $(this).closest('.item'),
      id = item.data('id');

  var src = item.find("img").attr("src");
  if (src && src.indexOf("/img") == 0) {
    var deleted = [];
    if ($(".json_list").val() != "") {
      deleted = JSON.parse($(".json_list").val());
    }
    deleted.push(src.replace("/img", ""));
    $(".json_list").val(JSON.stringify(deleted));
  }

  delete queue[id];
  item.remove();
});
    • 2

相关问题