jquery blueimp文件上传未触发答案

【问题标题】：jquery blueimp file upload not triggeringjquery blueimp文件上传未触发
【发布时间】：2018-03-19 10:57:59
【问题描述】：

我在我的应用程序中使用 jquery blueimp 文件上传。我已将该功能添加到$(function()。

$( function() {
    $("#files').fileupload({
    url: "uploadhandler.php", 
    dataType: 'text',
    autoUpload: false,
    singleFileUploads: false,
    replaceFileInput: false,
    add: function (e, data) { 
      alert("inside add");
    }
}).prop('disabled', !$.support.fileInput)
    .parent().addClass($.support.fileInput ? undefined : 'disabled');   
});
</script>

页面加载时文件输入字段不可用。所以fileupload 事件没有被触发。我正在通过 ajax 调用加载文件输入字段和其他相关的 html 内容。

<span class="btn btn-success fileinput-button w3-margin-bottom  ">
    <i class="glyphicon glyphicon-plus"></i>
    <span>Attach</span>
    <input id="files" name="files" type="file" style="cursor: pointer;">
</span>

如何触发文件上传事件？谁能帮我解决这个问题？

提前致谢。

【问题讨论】：

标签： javascript jquery jquery-file-upload blueimp

【解决方案1】：

动态字段上的事件不会被触发，因为您在字段可用之前注册了一个事件。

解决方案是从页面加载时可用的父元素委派事件。例如文档或正文（或页面加载时您确定存在的任何元素）。

所以基本上你的代码：

$("#files').fileupload(//do something)

将改为：

$('body').on('fileupload', '#files', function() {
    // do something
});

【讨论】：