不工作“预先”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);
});