試圖在改變，甚至結合到文件選擇輸入似乎沒有工作

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); 
});