c# 控件FileUpload 怎么实现图片上传后带出预览功能？ b/s

Question

<script type="text/javascript" src="/uploadify/swfobject.js"></script>
<script type="text/javascript" src="/uploadify/jquery.uploadify.v2.1.4.min.js"></script>
http://blog.csdn.net/qq_15185769有一个跨域上传图片

Answer 1

Refer here:http://www.cnblogs.com/insus/archive/2012/11/13/2768951.html
http://www.cnblogs.com/insus/archive/2012/11/14/2769650.html
http://www.cnblogs.com/insus/p/3785484.html

Answer 2

显示数据库图片预览翻页功能
//显示SQL数据库图片
  <asp:DataList ID="DataList1" runat="server" RepeatColumns="2" 
                        Width="790px" Height="392px">
                        <ItemTemplate>
                            <table style="font-size: 10pt; height: 100px" border="0" cellpadding="1" cellspacing="2">
                                <tr>
                                    <td rowspan="6" style="width: 120px; height: 120px;">
                                    <img alt="查看图片" id="image" src='<%#Eval("Images")%>' style="border:0" width="100" />
                                    </td>
                                    <td style="width: 220px; height: 20px; text-align: left; font-size:9pt; vertical-align: middle;">
                                        客户名称：<%# Eval("UserName") %>                                    </td>
                                </tr>
                                                                   </tr>
                            </table>
                        </ItemTemplate>
                    </asp:DataList>
//翻页浏览功能
  <asp:Label ID="Label7" runat="server" Text="当前页码为："></asp:Label>
                                    [
                                    <asp:Label ID="labPage" runat="server" Text="1"></asp:Label>
                                    &nbsp;]
                                    <asp:Label ID="Label6" runat="server" Text="总页码为："></asp:Label>
                                    [
                                    <asp:Label ID="labBackPage" runat="server"></asp:Label>
                                    &nbsp;]
                                    <asp:LinkButton ID="lnkbtnFirst" runat="server" Font-Underline="False" ForeColor="Blue"
                                        OnClick="lnkbtnFirst_Click">第一页</asp:LinkButton>
                                    <asp:LinkButton ID="lnkbtnFront" runat="server" Font-Underline="False" ForeColor="Blue"
                                        OnClick="lnkbtnFront_Click">上一页</asp:LinkButton>
                                    <asp:LinkButton ID="lnkbtnNext" runat="server" Font-Underline="False" ForeColor="Blue"
                                        OnClick="lnkbtnNext_Click">下一页</asp:LinkButton>&nbsp;
                                    <asp:LinkButton ID="lnkbtnLast" runat="server" Font-Underline="False" ForeColor="Blue"
                                        OnClick="lnkbtnLast_Click">最后一页</asp:LinkButton>
//处理浏览显示页面
 protected void bindDataList()
    {        int noncePage = Convert.ToInt32(labPage.Text);
        PagedDataSource ps = new PagedDataSource();
        string sqlSel2 = "select * from tb_huen_lian  where ICQ between '1985-01-01' and '1990-01-01'";
        ps.DataSource = operateData.getRows(sqlSel2).DefaultView;
        ps.AllowPaging = true;
        ps.PageSize = 2;
        ps.CurrentPageIndex = noncePage - 1;
        this.lnkbtnFront.Enabled = true;
        this.lnkbtnNext.Enabled = true;
        this.lnkbtnLast.Enabled = true;
        this.lnkbtnFirst.Enabled = true;
        if (noncePage == 1)
        {
            this.lnkbtnFirst.Enabled = false;//不显示第一页按钮
            this.lnkbtnFront.Enabled = false;//不显示上一页按钮
        } if (noncePage == ps.PageCount)
        {
            this.lnkbtnNext.Enabled = false;//不显示下一页
            this.lnkbtnLast.Enabled = false;//不显示最后一页
        }//CodeGo.net/
        labBackPage.Text = Convert.ToString(ps.PageCount);
        DataList1.DataSource = ps;
        DataList1.DataBind();    }
    protected void lnkbtnFirst_Click(object sender, EventArgs e)//首页
    {
        this.labPage.Text = "1";        //设置当前页为１
        bindDataList();
    }
    protected void lnkbtnFront_Click(object sender, EventArgs e)//上一页
    {
        this.labPage.Text = Convert.ToString(Convert.ToInt32(this.labPage.Text) - 1); //设置当前页减１
        bindDataList();
    }
    protected void lnkbtnNext_Click(object sender, EventArgs e) //下一页
    {
        this.labPage.Text = Convert.ToString(Convert.ToInt32(this.labPage.Text) + 1);  //设置当前页加１
        bindDataList();
    }
    protected void lnkbtnLast_Click(object sender, EventArgs e) //尾页
    {
        this.labPage.Text = this.labBackPage.Text;          //设置当前页为最后一页
        bindDataList();
    }

Answer 3

<table>      
          <tr>
                    <td class="left">
                        添加图片：
                    </td>
                    <td class="right">
                        <asp:FileUpload ID="fuImage" name="pic" runat="server" />
                    </td>
                </tr>
                <tr>
                    <td colspan="2" style="display: none; text-align: center;" id="showImage">
                        <img alt="图片预览" id="idImg" src="" />
                    </td>
                </tr>
</table> <script type="text/javascript">
        var ip = new ImagePreview($$("ContentPlaceHolder1_fuImage"), $$("idImg"), {
            maxWidth: 200, maxHeight: 200, action: "ImagePreview.ashx"
        });
        ip.img.src = ImagePreview.TRANSPARENT;
        ip.file.onchange = function () {
            ip.preview();
            document.getElementById("showImage").style.display = "block";
            document.getElementById("showImage").style.height = document.getElementById("idImg").height + 15;
        };
    </script>