Question

我们需要使用Jquery更新img src，但是在Knockout observable属性中没有检测到该更改。

请咨询

Answer 1

你可以使用这个脚本（在我的情况下，我使用了悬停事件。）

$(function() {
$("img")
    .mouseover(function() { 
        var src = $(this).attr("src").match(/[^\.]+/) + "over.gif";
        $(this).attr("src", src);
    })
    .mouseout(function() {
        var src = $(this).attr("src").replace("over.gif", ".gif");
        $(this).attr("src", src);
    });

}）;

Answer 2

你可以这样做：

Firstly add this event in your databind in your html :

  <input class=" input-file" id="fileUpload" type="file" data-bind="event: { change: _updateImg}" />

接下来，在你的js文件中创建函数_updateImg，这个函数替换你的img：

function _updateImg(data, event) {
        var me = this, files, reader;
        files = event.currentTarget.files;

        // Ajout de la photo après sélection
        if (files.length > 0) {
            reader = new FileReader();
            reader.onload = function (e) {
                me.pictureUrl(e.target.result);
            };
            reader.readAsDataURL(files[0]);
        }
    };

问我是否想要一些信息..

在knockout Model中检测Jquery img src更新

2 个答案: