在XMLHttpRequest中没有调用Action

Question

我正在尝试通过XMLHttpRequest上传文件。上传后，我试图通过调用动作作为图像的来源来显示图像的预览。

以下是代码示例：

var xhr = new XMLHttpRequest();
xhr.file = file;
xhr.onreadystatechange = function (e) {
    if (this.readyState == 4 && xhr.status == 200) { // here I am updating the image source
        document.getElementById('imagePreview').src = '@Url.Action("GetTPImaegeByName","Techpack",new { area="OMS" })';
    }
};

xhr.open('post', 'someurl', false);
var fd = new FormData;
fd.append('photo', file);
xhr.send(fd);

这里@ Url.Action（“GetTPImaegeByName”，“Techpack”，new {area =“OMS”}）返回一个图像文件。 这是第一次正确更新和显示图像源。但是，如果我再次尝试更改文件，它将无法正常工作。看起来没有调用更新图像源的操作。需要帮助来解决这个问题。