如何检测何时在文件输入上单击了取消？

Question

如何检测用户何时使用html文件输入取消文件输入？onChange让我检测他们何时选择文件，但我也想知道他们何时取消（关闭文件选择对话框而不选择任何内容）。

Answer 1

/* Tested on Google Chrome */

$("input[type=file]").bind("change", function() {

    var selected_file_name = $(this).val();

    if ( selected_file_name.length > 0 ) {

        /* Some file selected */

    }

    else {

        /* No file selected or cancel/close

           dialog button clicked */

        /* If user has select a file before,

           when they submit, it will treated as

           no file selected */

    }

});