不工作「前面加上」 HTML5圖片上傳預覽（DOM）

Question

我有問題，當我上傳與jQuery動態添加字段：

$('.content div').prepend(
    '<div' 
     + '<input type="file" id="fileselect" name="fileselect[]" multiple>' 
     + '<div id="messages"></div>' 
    + '</div>' 
); 

格#messages顯示圖像預覽和輸入上傳圖片，上傳之前，我可以在＃消息框中顯示圖像。

當我補充一點：

<input type="file" id="fileselect" name="fileselect[]" multiple> 
<div id="messages"></div> 

在HTML

，所有的工作，但jQuery的不工作:( 我使用HTML5節目上傳腳本之前：http://blogs.sitepointstatic.com/examples/tech/filedrag/2/index.html http://blogs.sitepointstatic.com/examples/tech/filedrag/2/filedrag.js

如何編輯此插件與dom一起工作？

Answer 1

更新：主要問題是，在DOM中準備好文件輸入字段之前，已經加載了filedrag.js腳本。 ript異步加載，隨後的調用工作。

試試這個：

$("#fileselect").change(function() { 
    var imgStr = "<img src='"+$(this).val()+"'/>"; 
    $("#messages").html(imgStr); 
});