我正在尝试在我的asp.net网站上执行图像预览功能。 我期望它工作的方式是当用户通过fileupload函数上传图像时,旁边会显示预览。
我当前的javascript代码看起来像这样......
<script type="text/javascript">
function imagepreview(input)
{
if(input.files && input.files[0])
{
var fildr = new FileReader();
fildr.onload = function(e)
{
$('#imgprw').attr('src', e.target.result);
}
fildr.readAsDataURL(input.files[0]);
}
}
</script>
.aspx文件中的fileupload控制代码...
<div>
<center><asp:Label ID="Label1" runat="server" Text="Profile Picture :"></asp:Label></center>
</br>
<center>
<asp:FileUpload ID="FileUpload1" runat="server" onchange="imagepreview(this)"></asp:FileUpload>
</center>
<center>
<asp:Image ID="imgprw" runat="server" AlternateText="Image Preview..."></asp:Image>
</center>
<center>
<asp:Label ID="lblPhotoUploadStatus" runat="server" Text=""></asp:Label>
</center>
</div>
我已经在线获取此代码,但它无法与我的asp.net网站一起使用。
当我尝试通过asp.net网站上的fileupload控件上传图片时,图片预览不会出现。
希望有人能够帮助我。