文章/答案/技术大牛

发布

社区首页 >问答首页 >使用jQuery删除图像时，参数不显示文件字段键

问使用jQuery删除图像时，参数不显示文件字段键
EN

Stack Overflow用户

提问于 2018-06-25 14:29:23

回答 1查看 37关注 0票数 0

我有一个要求，有必要删除上传的图像。

目前使用jQuery移除图片，使用下面的代码；

$(".image_remove").click(function(){
  $("#venue_pic").attr({src: null,
    alt: ""});
});

还使用了这个

$(".image_remove").click(function(){
  $("#venue_pic").val('');  
});

但是params不会将文件字段属性显示为nil或“”(空字符串)。

我知道使用carrierwave的remove_attribute也可以做到这一点，但这需要额外的ajax调用。

但是我想通过params来管理它，这样如果文件字段标签中有任何变化，那么值就会相应地更新。

那么，如何更新(删除) rails中的图像，以及为什么params没有检测到文件字段类型输入中的空值。

jquery

ruby

ruby-on-rails-4

回答 1

Stack Overflow用户

发布于 2018-06-25 18:01:33

你可以做到的

$(function(){
  $(".deleteButton").on("click", function(){
    $newInput = $(".picture").clone()
    $(".picture").remove()
    $(".pictureWrapper").append(
      $("<input type='file'>").addClass($newInput.attr("class")).attr("name", $newInput.attr("name"))
      //or
      //$("<input type='file' name='picture' class='picture'>")
    )
  })
})

.deleteButton {
  display: inline-block;
  border: 1px solid black;
  cursor: pointer;
  padding: 5px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="pictureWrapper">
  <input type="file" name="picture" class="picture">
</div>
<div class="deleteButton">X</div>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/51017479

复制

相似问题

问使用jQuery删除图像时，参数不显示文件字段键
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用jQuery删除图像时，参数不显示文件字段键EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用jQuery删除图像时，参数不显示文件字段键
EN