javascript - knockout 中未触发文件上传功能

Question

嗨，我正在努力 knockout ，但遇到了一些问题。我有一个 knockout 表格，其中有一个文件上传选项，我想通过单击上传按钮来触发偶数

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

上面是我的 fiddle 链接

        $('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 的链接