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

很多时候我们上传文件点击取消后或我们制定了内容格式上传不符合,再次点击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>

效果:

猜你喜欢

转载自blog.csdn.net/rocling/article/details/81750361