MVC - Bootstrap 3 - 上传图片 - 如何立即显示？

Question

我有一个带有文件输入控件的MVC 5 Bootstrap 3表单，允许用户上传图像。它看起来像这样：

<div class="form-group">
    @Html.Label("Load Photo", new { @class = "control-label col-md-2" })
    <div class="col-md-10">
        <input type="file" name="file" id="file"/>
    </div>
</div>

这很好用。但我想做的是立即显示刚刚在表单上选择的图像，而无需用户提交表单。这可能吗？

Answer 1

您可以将Jquery File Upload Plugin用于此目的。我主要使用这个插件，因为它上传文件异步页面刷新，我用来在文件上传后返回文件路径并在页面上显示它。

它与asp.net mvc兼容。

这也是DEMO Project。