在淘汰赛中没有触发fileupload函数

时间:2013-09-19 09:22:30

标签: javascript jquery knockout.js

嗨我正在努力淘汰赛和我面临一些问题。我有一个Knockout表单,并且我有一个文件上传选项,我想通过点击上传按钮触发偶数

http://jsfiddle.net/sornalingam/MSgdh/3/

以上是我的小提琴链接

        $('input[type=file]').change(function () {

            file = this.files[0];
            name = file.name;

            alert(name);

        });

但在上面的代码中没有触发。

任何人都可以帮助我

1 个答案:

答案 0 :(得分:3)

修改你的html如下

<div>
<input type="file" data-bind="event: { change: function() { upload($element.files[0]) } }" id="fileUpload">            
</div>

<div>
<input id="btn" data-bind="click:trigger" type="submit" value="upload" />
</div>

和js如下

        var ff = function () {
        var self = this;
        self.fileUpload = ko.observable();
        self.processFiles = function () {
            var gg = self.fileUpload();
        };
        self.trigger = function(){    
            $('#fileUpload').click(); 
        };
        self.upload = function(file){
             alert(file.name);
        };
    };

ko.applyBindings(new ff());

注意:我添加了2个名为triggerupload的新功能

这是指向jsfiddle

的链接