怎么达到点击浏览选择图片后，立马显示预览图片
日期：2014-05-18 浏览次数：20442 次
如何达到点击浏览选择图片后，立马显示预览图片？
string bookName = TextBox2.Text.Trim();
string bookLeibie = TextBox3.Text.Trim();
string picture = FileUpload1.FileName;
string lastName = picture.Substring(picture.LastIndexOf(".") + 1);
string[] name={"bmp","jpg","gif"};
SqlConnection SqlCon = new SqlConnection(ConfigurationManager.ConnectionStrings["ConStr"].ConnectionString);
SqlCon.Open();
string SavaPath = Server.MapPath("image/")+picture;
FileUpload1.PostedFile.SaveAs(SavaPath);
string sqlStr = "Insert into T_Book_Picture(ID,图书类别,图书名,图片) values(newid(),'" + bookLeibie + "','" + bookName + "','"+ picture + "')";
SqlCommand SqlCom = new SqlCommand(sqlStr, SqlCon);
SqlCom.ExecuteNonQuery();
SqlCon.Close();
Image1.Visible = true;
Image1.ImageUrl = SavaPath;
我是先把图片设为不可见，想点击浏览后，立即可以显示图片。
------解决方案--------------------
你要兼容行么？
string bookName = TextBox2.Text.Trim();
string bookLeibie = TextBox3.Text.Trim();
string picture = FileUpload1.FileName;
string lastName = picture.Substring(picture.LastIndexOf(".") + 1);
string[] name={"bmp","jpg","gif"};
SqlConnection SqlCon = new SqlConnection(ConfigurationManager.ConnectionStrings["ConStr"].ConnectionString);
SqlCon.Open();
string SavaPath = Server.MapPath("image/")+picture;
FileUpload1.PostedFile.SaveAs(SavaPath);
string sqlStr = "Insert into T_Book_Picture(ID,图书类别,图书名,图片) values(newid(),'" + bookLeibie + "','" + bookName + "','"+ picture + "')";
SqlCommand SqlCom = new SqlCommand(sqlStr, SqlCon);
SqlCom.ExecuteNonQuery();
SqlCon.Close();
Image1.Visible = true;
Image1.ImageUrl = SavaPath;
我是先把图片设为不可见，想点击浏览后，立即可以显示图片。
------解决方案--------------------
你要兼容行么？
- JScript code
<html>
<head>
<title>get file input full path</title>
<script language='javascript'>
function getFullPath(obj)
{
if(obj)
{
//ie
if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
obj.select();
return document.selection.createRange().text;
}
//firefox
else if(window.navigator.userAgent.indexOf("Firefox")>=1)
{
if(obj.files)
{
return obj.files.item(0).getAsDataURL();
}
return obj.value;
}
return obj.value;
}
}
</script>
</head>
<body>
<input type="file" onchange="document.getElementById('img').src=getFullPath(this);" />
<img id="img" height="174" width="234"/>
</body>
</html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
