javascript - 淘汰赛中未触发文件上传功能

Question

嗨，我正在研究淘汰赛，我面临一些问题。我有一个 Knockout 表单，其中我有一个文件上传选项，我想通过单击上传按钮来触发偶数

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

以上是我的小提琴链接

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

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

            alert(name);

        });

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

谁能帮我

Answer 1

修改你的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 个新函数trigger，称为upload

这是jsfiddle的链接