ASP.NET 中input控件选择图片后，怎么直接在image控件中显示图片（是还没有上传的情况下）？

Answer 1

img的src是你浏览后的地址，选择文件后可以js调取本地图片然后显示

追问

可以说一下具体的js吗？因为我第一次做项目不怎么会。谢了？？

追答

document.getElementById("file").onchange = function (){ document.getElementById("img").src=document.getElementById("file").value()};

Answer 2

图片控件 <asp:Image ID="imgZp" runat="server" />
上传控件<asp:FileUpload ID="FileuploadZP" runat="server" Width="95%" />
再添加一个button按钮： <asp:Button ID="btnUpImg" runat="server" CssClass="buttons" OnClick="btnUpImg_Click" Text="显示照片" Width="80px" />
单击按钮事件：
/// <summary>
/// 显示图片
/// </summary>
protected void btnUpImg_Click(object sender, EventArgs e)
{
if (this.FileuploadZP.PostedFile.ContentLength <= 0)
{
//提示请选择图片信息！
return;
}
string fileName = this.FileuploadZP.FileName;//图片文件路径
string fileEnd = fileName.Substring(fileName.LastIndexOf('.') + 1).ToLower();//图片文件扩展名
bool b = 判断是否是图片类型
if (b == false)
{
//提示请显示图片格式
return;
}
this.imgZczp.ImageUrl = this.FileuploadZP.FileName;//显示图片
}

追问

我是用input控件 不是FileUpload控件的，而且前提是图片还没上传，当我选择的时候就能让它显示在图片空间中

Answer 3

不能直接读取本机文件，必须上传服务器！