input type="file"去掉取消默认原来选择的文件

最新推荐文章于 2024-06-21 11:14:10 发布

rocling

最新推荐文章于 2024-06-21 11:14:10 发布

阅读量1.2w

点赞数

分类专栏： javascript 文章标签： js file标签

本文链接：https://blog.csdn.net/rocling/article/details/81750361

版权

javascript 专栏收录该内容

33 篇文章 2 订阅

订阅专栏

很多时候我们上传文件点击取消后或我们制定了内容格式上传不符合，再次点击input="file"按钮时，选择的文件还是原来的文件，却又上传不。当时想在旁边多添加个按钮清除file里面的东西，但开发要求中不能多添加东西，所以当时就在处理file里面内容流程的最后添加一句话就行了，就是将input="file"的value清除，再次点击时，原来选的文件就不会有了。

例如：

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!DOCTYPE html>
<html>
<head>
    <title>DOM 教程</title>

    <!--不需要再次引用jquery-->
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
    </script>
    <script type="text/javascript">

    function myFunction(param) {
        $("#file").val("") //选择后为空，即未选择
    }

    </script>

</head>

<body>
<div id="uploadForm">
    <input type="file" id="file" onchange="myFunction(this)">

</body>

</html>

效果：

rocling

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
input type="file"去掉取消默认原来选择的文件

很多时候我们上传文件点击取消后或我们制定了内容格式上传不符合，再次点击input="file"按钮时，选择的文件还是原来的文件，却又上传不。当时想在旁边多添加个按钮清除file里面的东西，但开发要求中不能多添加东西，所以当时就在处理file里面内容流程的最后添加一句话就行了，就是将input="file"的value清除，再次点击时，原来选的文件就不会有了。例如：&lt;meta htt...
复制链接

扫一扫

专栏目录