如何处理输入类型的文件在jQuery的onchange事件=?(How to handle onch

2019-06-26 20:30发布

该代码是:

<input ID="fileUpload1" runat="server" type="file"

以下工作正常:

<input onchange="javascript:alert('hola');" ID="fileUpload1"  runat="server" type="file"

我想获得使用jQuery这样的结果,但是,这并不工作:

$('#fileUpload1').change(function (e) {
    alert("hola");
});

我失去了一些东西? (编辑:是的,我错过了包括* .js文件。)

Answer 1:

演示: http://jsfiddle.net/NbGBj/

$("document").ready(function(){

    $("#upload").change(function() {
        alert('changed!');
    });
});


Answer 2:

或者可能是:

$('input[type=file]').change(function () {
    alert("hola");
});

具体而言: $('input[type=file]#fileUpload1').change(...



Answer 3:

它应该工作正常,你包裹在一个代码$(document).ready()调用? 如果不使用或使用live

$('#fileupload1').live('change', function(){ 
    alert("hola");
});

这里是一个的jsfiddle反对的jQuery 1.4.4这个工作的



Answer 4:

这的jsfiddle对我来说工作正常。

$(document).delegate(':file', 'change', function() {
    console.log(this);
});

注意:.delegate()是用于jQuery的<1.7最快事件结合方法: 事件结合方法



Answer 5:

 $('#fileupload').bind('change', function (e) { //dynamic property binding
alert('hello');// message you want to display
});

您也可以使用这一个



Answer 6:

尝试使用这样的:

HTML:

<input ID="fileUpload1" runat="server" type="file">

JavaScript的:

$("#fileUpload1").on('change',function() {
    alert('Works!!');
});



文章来源: How to handle onchange event on input type=file in jQuery?