在 ASP 中显示图像答案

【问题标题】：Display image in ASP在 ASP 中显示图像
【发布时间】：2018-01-23 08:39:09
【问题描述】：

我有我想要的文件上传控件，当我选择图像然后想通过 jQuery 在 ASP 面板中显示如何做到这一点

<div id="crop-header">
   <asp:FileUpload CssClass="cropit-image-input" ID="fileUpEx" runat="server" Width="100%" />
</div>

<asp:Panel ID="pnlCrop" runat="server" CssClass="cropit-preview">                     
</asp:Panel>

</div>

有什么办法吗？

【问题讨论】：

标签： jquery asp.net file-upload panel

【解决方案1】：

您可以为此使用FileReader。

<asp:FileUpload ID="FileUpload1" runat="server" accept=".bmp,.gif,.jpg,.jpeg,.png" />

<img id="imagePreview" class="imagePreview" style="max-height: 100px; display: none" />

<script type="text/javascript">
    $("#<%=FileUpload1.ClientID %>").change(function () {
        showImagePreview(this);
    });

    function showImagePreview(control) {
        if (control.files && control.files[0]) {
            var reader = new FileReader();
            reader.onload = function (e) {
                $('#imagePreview').attr('src', e.target.result);
                $("#imagePreview").show();
            }
            reader.readAsDataURL(control.files[0]);
        }
    }
</script>

【讨论】：

我还想限制图像大小，例如 2 kb，所以请您修改答案吗？
我会通过调整图像大小来实现服务器端。

【解决方案2】：

您可以使用任何 jquery 文件上传器。你们中的一个可以使用的是

http://www.uploadify.com/download/

这是 jquery 上传器，您可以通过创建 web 服务上传图片。

【讨论】：