Question

$('.this_add').click(function(){
	$('.add_upload').append('<input type="file" name="file[]">');
	$('input[type="file"]:last').click();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>
   <body>
      <button class="this_add">add</button>
      <form action="" method="POST" enctype="multipart/form-data">
         <input type="file" name="image[]" />
         <div class="add_upload"></div>
         <input type="submit"/>
      </form>
      
   </body>
</html>

我有一个类似上面代码段的场景。如果用户单击“添加”按钮，则会将输入类型文件附加到<div class="add_upload>，然后在其上触发单击事件，如果用户单击cancel or close，如下图所示，则输入类型文件将为去掉。

我想问一下，是否可以使用jQuery或Javascript检查html中输入类型文件的“取消或关闭”上的点击事件？

Answer 1

   var file = document.getElementById('file')

    file.onclick = charge

    function charge()
    {
        document.body.onfocus = roar
        console.log('chargin')
    }

    function roar()
    {
        if(file.value.length) alert('ROAR! FILES!')
        else alert('*empty wheeze*')
        document.body.onfocus = null
        console.log('depleted')
     }


    $(input[type="submit"]).click(function(){
        document.getElementById("file").click()
    })

希望有所帮助！

是否可以在输入类型文件html（上传文件）上检测“取消”或“关闭”点击事件？

1 个答案: