修改jQuery上传演示脚本

时间:2014-01-27 18:27:59

标签: javascript jquery upload

我正在使用这个名为jQuery Upload的优秀脚本。在这里能找到它。 http://blueimp.github.io/jQuery-File-Upload/

我在主页上的iframe中加载此脚本。 我需要知道文件上传的时间,以便我可以在我的主页上向某个jQuery发送消息并调用另一个函数。很明显,这个脚本在上传后会被触发,因为缩略图显示等等。但是我不知道该找什么来看看我可以修改这个脚本的地方。

我非常怀疑它是在js文件中做它的工作。几天前我去了他们的董事会并寻求帮助,似乎没有任何身体在回应。

感谢您的任何提示。

3 个答案:

答案 0 :(得分:1)

此插件内置了回调功能。 。因此,当上传完成时,它将触发。这也允许您捕获错误并对其执行某些操作。

$('#fileupload').fileupload({
    add: function (e, data) {
        var jqXHR = data.submit()
            .success(function (result, textStatus, jqXHR) {/* ... */})
            .error(function (jqXHR, textStatus, errorThrown) {/* do something on error */})
            .complete(function (result, textStatus, jqXHR) {/* perform another jQuery func or whatever */});
    }
});

检查API document here是否有回拨。

答案 1 :(得分:1)

一种方法是注册回调。例如:

$('#fileupload').bind('fileuploaddone', function (e, data) {/* ... */})

有关回调的更多信息和所有事件的列表,请访问:

https://github.com/blueimp/jQuery-File-Upload/wiki/Options

答案 2 :(得分:0)

你需要将回调函数传递给done机制,我最近在自己的项目中使用了这个函数,下面的示例代码:

    $('#fileupload').fileupload({
        dataType : 'json',
        url : '/path/to/file',              
        done : function (e, data) {
           //Code to execute here   
        }
   });

如果您还有其他需要,请告诉我