У меня есть HTML:
<tr>
<td>
<div>
<img id="user_img" height="100" width="90" style="border:solid" />
</div>
</td>
</tr>
<tr>
<td>
<input type="file" title="search image" id="file" multiple name="file" onchange="show(this)" />
</td>
</tr>
Я добавляю изображение к тегу из Ajax ответа таким образом:
$.ajax({
type: "GET",
url: "@Url.Action("
JqueryFillControl ")",
contentType: "application/json; charset=utf-8",
data: {
id: Id
},
dataType: "json",
success: function(response) {
if (response != null) {
$("#user_img").attr("src", response.EmpPic);
$('#file').attr("src", response.EmpPic);
});
}
})
response.EmpPi c имеет ссылку на изображение которые заполняются в <img>
.
В моем сценарии я заполняю все данные в элементах управления с помощью Ajax и затем нажимаю кнопку Сохранить, чтобы обновить данные. Но моя проблема заключается в <img>
заполнении изображения, но <input>
не имеет изображения, поэтому он не обновляет запись с тем же изображением, это будет нулевым.
Как я могу заполнить изображение из источника в тег <input
>