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上传器，您可以通过创建webservice上传图像。

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

2 个答案: