javascript - 请问大家如何删除input属性file值-PHP中文网问答

javascript - 请问大家如何删除input属性file值

天蓬老师 2017-04-11 13:24:53

[JavaScript讨论组]

420

请问大家如何删除input属性file值

天蓬老师

欢迎选择我的课程，让我们一起见证您的进步~~

全部回复(5)

PHPz2017-04-11 13:26:53 5楼

原来的移除掉，然后替换成相同的html

把该input移除,替换一个新的input进去...

赞 +0

添加回复

高洛峰2017-04-11 13:26:53 4楼

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8" />
        <title></title>
        <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
    </head>

    <body>
        <input type="file" id="myfile" />
        <br /><br />
        <input type="button" value="清空" id="clear" />
        <script type="text/javascript">
        $(function(){
            $("#clear").click(function(){
                var file = $("#myfile");  
                file.replaceWith(file.clone());
            });
        });
        </script>
    </body>

</html>

赞 +0

添加回复

迷茫2017-04-11 13:26:53 3楼

什么叫替换成相同的HTML

赞 +0

添加回复

天蓬老师2017-04-11 13:26:53 2楼

removeProperty()移除元素属性

赞 +0

添加回复

怪我咯2017-04-11 13:26:53 1楼

楼上的回答都好复杂，没必要那么复杂吧，顺手写了一段

http://jsbin.com/vuxaxedexi/e...

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>

  <form method="POST">
    
    <input name="file" type="file" id="file">
    <button type="button" id="clean">clean</button>
    <button type="submit">submit</button>
  </form>
  
</body>
</html>

let file = document.querySelector('#file');
let clean = document.querySelector('#clean');

clean.addEventListener('click', (ev) => {
  file.value = null;
});

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>