Question

我在上传新图片后刷新图片时出现问题。通过单击更改按钮，我想上传新图像，旧图像应该刷新。你知道如何解决这个问题吗？

<img src="@Url.Content(String.Format("~/Logos/{0}.png", ViewData["companyName"]))" alt="Loading..." />
<input class="btn btn-default"  id="changeButton" type="button" value="Logo ändern"/><br/>
<input id="uploadLogo" type="file" name="logoName" style="display: none">

使用jQuery我通过点击changeButton

开始上传文件

    $('#changeButton').click(function () {
    $('#uploadLogo').trigger('click');
});

Answer 1

如果您使用“file”类型的输入，则可以通过两种方式执行此操作。

一个是您通过AJAX将图片上传到数据库/项目并发回图像的网址。并将网址附加到您的图片src属性

ie9及以上版本支持的另一种方法是你可以捕捉到的事件在jquery中上传并从客户端计算机获取URL。并将其附加到你的img属性

的src标签

请注意，第二个解决方案不会将图片上传/保存到您的项目/数据库，但它可以让您预览图片。

使用第二种方法保存图像的可能性是可以通过另一个AJAX调用服务器，但我建议将其用作预览并添加一个新的按钮“保存”以保存它。

mvc razor上传新图片后刷新图片

1 个答案: