不工作“prepend”html5图片上传预览（dom）

Question

我有问题，当我用jquery动态添加上传字段时：

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

div #messages显示图像预览和输入上传图像，在上传之前我可以在#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脚本。一旦异步加载脚本，后续调用就会起作用。

试试这个：

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