Question

asp.net怎么将服务器站点下图片文件夹里的第一个图片显示在界面的img控件里？在线等！！！

新手，我想做一个图片上传并显示的例子，大概流程是这样的：

1、将用户选择的图片上传至服务器的uploads文件夹下
2、上传后用户点击预览按钮可以将该图片在img控件中显示出来

请问各位达人怎么将这个图片显示出来呢？

若以下回答无法解决问题，邀请你更新回答

Answer 1

前台JS：<script type="text/javascript">
function ShowImg(obj) {
var AllowExt = ".jpg|.gif|.bmp|.png|";
var FileExt = obj.value.substr(obj.value.lastIndexOf(".")).toLowerCase();
if (AllowExt != 0 && AllowExt.indexOf(FileExt + "|") == -1) //判断文件类型是否允许上传
{
alert("您上传的不是图片！");
}
else {
var newPreview = document.getElementById("PreviewImg2");
newPreview.src = obj.value;
}
}
</script>

前台body：<asp:FileUpload ID="FileUpload1" runat="server" onchange="ShowImg(this)" />
<img id="PreviewImg2" alt="暂无图片" src="" width="140px" height="115px" /> <asp:Label ID="Label1" runat="server" Text=""></asp:Label>

<--Label1用于修改时保存原有的图片路径-->
<asp:Button ID="Button1" runat="server" Text="确 定" OnClick="Button1_Click" />

.cs：
public string imgurl = "";
//编辑数据
protected void Button1_Click(object sender, EventArgs e)
{
try
{

if (FileUpload1.FileName != "")
{
string filename = Path.GetFileName(FileUpload1.FileName); //获取图片名称
string ext = filename.Substring(filename.LastIndexOf(".") + 1); //获取图片扩展名
string time = DateTime.Now.ToString("yyyy-MM-dd_HHmmss_ffff"); //获取当前时间
if (ext == "jpg" || ext == "gif" || ext == "png" || ext == "bmp" || ext == "jpeg")
{
string path = time + '.' + ext;
string create = string.Concat("uploads");//文件夹名称
string createpath = HostingEnvironment.MapPath("~/" + create);
FileUpload1.SaveAs(Path.Combine(createpath, Path.GetFileName(path))); //存储图片
imgurl = string.Concat(create, "/", path); //数据库路径
}

else
{
Response.Write("<script language='javascript'>alert('图片格式不正确')</script>");
return;
}
}
else
{
imgurl = Label1.Text;
}

int i = DBHelper.ExecuteSql("insert into IMG (imgurl)values('" + imgurl + "')");
if (i == 1)
{
Function.Message(this, "上传成功！");
}
else
{
Function.Message(this, "上传失败！");
}

}
catch
{
Function.Message(this, "内容中含有非法字符，请重试~");
}
}

希望对你有用，，祝你成功！