Javascript 未调用FineUploader OnComplete

我的电话打不通。它似乎没有在onComplete中运行代码。以下是我所拥有的：

<script>
    $(document).ready(function () {
        $("#fine-uploader").fineUploader({
            request: {
                endpoint: 'upload2.php'
            },
            text: {
                uploadButton: 'Upload a file'
            },
            callbacks:{
                onComplete: function(id, fileName, responseJSON) {
                        alert("completed");
                        if (responseJSON.success) {
                            $('#imgPreview').html('Thumbnail:<img src="../images/test/' + fileName + '" alt="' + fileName + '">');
                        }
                   }
            }
        });

    });
</script>

$（文档）.ready（函数（）{
$（“#精细上传器”）。精细上传器({
请求：{
端点：“upload2.php”
},
正文：{
uploadButton:“上载文件”
},
回调：{
onComplete:函数（id、文件名、responseJSON）{
警报（“已完成”）；
if（responseJSON.success）{
$（'#imgPreview'）.html（'缩略图：'）；
}
}
}
});
});

尽管文件已成功上载，但onComplete中的警报从未出现，if语句中的html更新也从未出现。我在这个委员会上看到了其他类似的问题，但这些建议对我来说并不奏效。具体而言，一些用户似乎对onComplete部分使用了不同的格式，如下所示：

.on('complete', function(event, id, fileName, responseJSON) {
            alert("Success: " + responseJSON.success);
            if (responseJSON.success) {
                 $('#files-upload').append('<img src="img/success.jpg" alt="' + fileName + '">');
            }

});

.on（'complete'，函数（事件、id、文件名、响应）{
警报（“成功：+responseJSON.Success”）；
if（responseJSON.success）{
$（“#文件上载”）.append（“”）；
}
});

我不明白两者之间的区别，也不知道应该使用哪一种，在文档中也找不到任何帮助

---

我对这东西有点陌生，所以任何帮助或建议都将不胜感激。谢谢

事件处理程序在Fine Uploader中的jQuery插件和非jQuery插件之间的工作方式稍有不同。您正在使用jQuery插件，因此事件应被视为jQuery自定义事件

因此，您的代码应该如下所示：

<script>
    $(document).ready(function () {
        $("#fine-uploader").fineUploader({
            request: {
                endpoint: 'upload2.php'
            },
            text: {
                uploadButton: 'Upload a file'
            }
        })
            .on('complete', function(event, id, fileName, responseJSON) {
                alert("completed");
                if (responseJSON.success) {
                    $('#imgPreview').html('Thumbnail:<img src="../images/test/' + fileName + '" alt="' + fileName + '">');
                }
           });

    });
</script>

$（文档）.ready（函数（）{
$（“#精细上传器”）。精细上传器({
请求：{
端点：“upload2.php”
},
正文：{
uploadButton:“上载文件”
}
})
.on（'complete'，函数（事件、id、文件名、响应）{
警报（“已完成”）；
if（responseJSON.success）{
$（'#imgPreview'）.html（'缩略图：'）；
}
});
});

我们需要查看php文件中的内容；我认为问题在于响应的编码不正确。谢谢！如果将来有人试图使用此代码，则会出现一个小语法错误：“}”应该是“}”，在“.on（'complete'…”之前的一行中，一旦我发现，它就非常有效了。