在 ASP 中显示图像

Question

我有我想要的文件上传控制，当我选择图像然后想通过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>

有什么解决办法吗？

Answer 1

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

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

这是jquery上传器，您可以在其中通过创建网络服务上传图片。

Answer 2

您可以使用 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>

在 ASP 中显示图像

Display image in ASP

asp.net

jquery

file-upload

panel