asp.net，当点击上传这个按钮的时候，上传的图片在image控件那里显示，请问代码是怎么样的？求大神指教
代码如下：<tr><td>头像</td><td><asp:FileUploadID="FileUpload1"runat="server"Height="17px"Wid...
代码如下：<tr> <td >头像</td> <td > <asp:FileUpload ID="FileUpload1" runat="server" Height="17px" Width="200px" /><br/> <asp:Button ID="btn" runat="server" Text="上传" OnClick="btn_Click" /> <asp:Label ID="ImageUrl" runat="server" Text="\\upload\\test.jpg"></asp:Label></td> <td style="width: 295px"></td> </tr> <tr> <td class="style5"></td> <td class="style5"> <asp:Image ID="imagePhoto" runat="server" BackColor="Silver" Height="154px" Width="136px" ImageUrl="\\mPath\\" /></td> <td class="style5" style="width: 295px"></td> </tr>
展开
1个回答
展开全部
如果你是用的服务器控件来做，就需要先把图片上传到服务器，上传完成后返回一个URL，修改图片控件的src属性到这个URL，就可以看到图片。还有一种做法，可以在弹出的选择文件窗口点击打开按钮后即看到图片，不用将图片上传至服务器。
<!DOCTYPE html>
<!--STATUS OK-->
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta property="wb:webmaster" content="3aababe5ed22e23c" />
<meta name="referrer" content="always" />
<title>asp.net，当点击上传这个按钮的时候，上传的图片在image控件那里显示，请问代码是怎么样的？求大神指教_百度知道</title>
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>
<style>
</style>
<script>
$(function () {
$("#fileTest").change(function () {
$("#imgTest").attr("src", window.URL.createObjectURL($(this)[0].files[0]));
});
});
</script>
</head>
<body>
<div class="tag-container">
<table>
<tr>
<td><input type="file" id="fileTest" /></td>
</tr>
<tr>
<td><img id="imgTest" src="" alt="" style="width:80px;height:80px; border: 1px solid #DDD; padding:2px;" /></td>
</tr>
</table>
</div>
</body>
</html>
追问
但是我这个就是要求必须要用控件来做，image控件中没有src这个属性
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
