javascript - 尝试绑定更改甚至文件选择输入似乎不起作用

Question

我正在尝试将更改绑定到我阅读的文件输入，并且以下假设可以工作但没有：

 <input type="file" name="uploadfile" id="Uploadthisfile" />

这是我的文件输入

$("#Uploadthisfile").change(function() { 
  alert('some message');
});

这就是我试图绑定它的方式。

难道我做错了什么 ？

谢谢。

Answer 1

您是否将其包装在 document.ready 函数中？它在下面的小提琴中工作正常

$(function(){  // <-- short form of below - waits for dom to load before -- 
               // elements have to exist in dom before trying to bind them
   $("#Uploadthisfile").change(function() { 
      alert('some message');
   });
});

或者

$(document).ready(function() {
   $("#Uploadthisfile").change(function() { 
      alert('some message');
   });
});

http://jsfiddle.net/wirey00/C6RZn/

Answer 2

//Upload the File and Convert into base64 string
$('#Uploadthisfile').live('change', function () {

var fileList = this.files;
var file = fileList[0];
var r = new FileReader();
r.onload = function () {
    var binimage = r.result;
    binimage1 = binimage.replace('data:image/jpeg;base64,', '');
    var imag = "<img " + "src='" + 
        "data:image/jpg;base64," + binimage1 + "' style='width:100px'/>";
    $("#partial1").html(imag);

};
r.readAsDataURL(file);
// r.readAsBinaryString(file);
//r.readAsDataURL(file);
});