input type=file撤销选中图片

最新推荐文章于 2023-04-27 10:05:43 发布

Karagrade

最新推荐文章于 2023-04-27 10:05:43 发布

阅读量590

点赞数

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/coco1118/article/details/93901836

js 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了如何实现点击图片后撤销input[type='file']中已选择的图片，主要通过清除input元素的value来达到目的。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现目标：点击图片取消input="file"里选中图片
原理：将input="file"的value清除

 <input type="file" id="file" accept="image/* name="pic">
 <img src="" alt="图片" id="img"  style="width: 50px;margin-top:10px;display: none;cursor:pointer"title="点击撤销图片">
 <script>
  $("#img").on('click', function () {
            $("#file").val("");
            $(this).attr('src', '').css('display','none');
        })
 </script>