Insus.NET 发表于 2013-1-2 23:48:02

FileUpload上传图片前首先预览一下

<div id="cnblogs_post_body">看看效果:
http://images.cnblogs.com/cnblogs_com/insus/fileupload_preivew.gif

在专案中,创建aspx页面,拉上FileUpload控件一个Image,将用来预览上传时的图片。
<divclass="cnblogs_code">http://images.cnblogs.com/OutliningIndicators/ContractedBlock.gifhttp://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gifView Code <div id="cnblogs_code_open_3c486e4d-5e75-470c-91b7-68042b13d1ac" class="cnblogs_code_hide"><%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
      <div>
            <table>
                <tr>
                  <td style="vertical-align: top; width: 10%;">
                        <fieldset>
                            <legend>选择图片</legend>
                            <asp:FileUpload ID="FileUpload1" runat="server" />
                        </fieldset>
                  </td>
                  <td style="vertical-align: top; width: 90%;">
                        <fieldset>
                            <legend>预览</legend>
                            <asp:Image ID="Image1" runat="server" Visible="false" />
                        </fieldset>
                  </td>
                </tr>
            </table>         
      </div>
    </form>
</body>
</html>
页: [1]
查看完整版本: FileUpload上传图片前首先预览一下