Question

На моем взгляде, у меня есть входной файл:

<input type="file" class="file-input" name="file_source" size="40" onchange=''> 

И пядь, в котором я показываю загруженный файл:

<span class='label label-info' id="upload-file-info" data-bind="text: image"></span> 

$(".file-input").change(function() { 
      var elem = $("#upload-file-info"); 
      elem.html = $(this).val(); 
     }); 

Этот пролет переплетен с knockoutjs:

viewModel = { 
image: ko.observable() 
} 

ko.applyBindings(viewModel); 

Проблема в том, что наблюдаемый не обновляется при обновлении текста диапазона. Хотя у меня есть имя файла в промежутке, наблюдаемый пуст. Как я могу заставить наблюдаемое обновлять себя при изменении текста диапазона?

Answer 1

Я сделал quick fiddle согласно моему комментарию на ваш вопрос. Это должно работать:

jQuery(document).ready(function ($) { 
    'use strict'; 

    $(".file-input").change(function() { 
     var elem = $("#upload-file-info"); 
     viewModel.image($(this).val()); 
    }); 

    var viewModel = { 
     image: ko.observable() 
    }; 
    viewModel.image.subscribe(function (value) { 
     alert(value); 
    }); 

    ko.applyBindings(viewModel); 
});