jQuery检查文件类型输入中的上传文件名

debugcn 发表于 Dev

小玩意儿

我试图通过使用JQuery给出的文件名格式检查文件名。

这是我的代码：

<input class="" name="myfile" id="myfile" type="file" multiple="false" data-value="">

我的JQuery脚本：

function checkFileName(filename, file_id){
    var must_filename;

    must_filename = jQuery(file_id).attr('data-value').split('.').slice(0, 2).join('.');
    jQuery('.file_err_det').remove();
    alert(must_filename + ' != ' + filename);
    // filename value is always null?
    if(must_filename != filename){          
        alert('Filename is not valid! Please follow the format and upload it again');
        jQuery(file_id).val('');
    }
}

jQuery('#myfile').blur(function() {
    var this_filename = jQuery(this).val().split('.').slice(0, 2).join('.');
    checkFileName(this_filename, '#myfile');
    alert(this_filename); // this returns null? I dont know why..
});

但似乎值this_filename是空的。我正在使用blur，有什么我可以用来检查的jQuery('#myfile').val()吗？

来宾271314

请参阅使用Web应用程序中的文件

File API使访问包含代表用户选择文件的File对象的FileList成为可能。

如果用户仅选择一个文件，则仅需考虑列表的第一个文件。

使用经典的DOM选择器访问一个选定的文件：

var selectedFile = document.getElementById('input').files[0];

使用jQuery选择器访问一个选定的文件：

var selectedFile = $('#input').get(0).files[0];

var selectedFile = $('#input')[0].files[0];

尝试利用变更事件

$("#myfile").on("change", function(e) {
  var file = e.target.files[0];
  console.log(file, file.name);
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<input class="" name="myfile" id="myfile" type="file" multiple="false" data-value="">

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。