不工作“前面加上” 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); 
});