上传图片遇到急需问题,请求高手们赶快帮忙!
有一个图片控件用来显示预览图片(Img id="imgview"" src=""),一上传图片控件(Input type=file id="upFile" runat="server"),一个预览按钮(input type=button id="btnPreImg"),一个保存按钮(asp:Button id="btnSave"),如何实现通过通过预览按钮打开上传文件控件选择对话框,然后选择图片,在通过保存按钮把图片上传到服务器,希望高手们指点,小弟非常感谢!我尝试写了只是能够预览,无法上传到服务器图片文件夹下,代码如下,
上传控件:<input id="upFile" style="width: 10px; height: 20px; display:none;" type="file" runat="server" />
预览按钮
<input id="btnPreImg" type="button" value="上传照片" onclick="getPreImage()" CssClass="tbButton" style="width: 65px; height: 25px" />
<form id="form1" runat="server" method ="post" action ="" enctype="multipart/form-data">
<form>
1、预览图片:
function getPreImage()
{
document.getElementById("upFile").click();
var fileName=document.all.upFile.value;
document.getElementById("imgview").src=fileName;
}
2、保存图片到服务器(btnSave按钮实现)
protected void btnSave_Click(object sender, EventArgs e)
{
string filePath = this.upFile.PostedFile.FileName;
string fileName = filePath.Substring(filePath.LastIndexOf("\\") + 1);
string fileEx = filePath.Substring(filePath.LastIndexOf(".") + 1);
string serverpath = Server.MapPath("UpFile/") + fileName;
if (fileEx == "jpg" || fileEx == "bmp" || fileEx == "gif")
{
this.upFile.PostedFile.SaveAs(Server.MapPath("~/upImages/") + fileName);
Response.Write("<script language=\'javascript\'>alert('上传成功')</script>");
}
else
{
Response.Write("<script languge='javascript'>alert('你的图片格式错误!');</script>");
}
}
[ 本帖最后由 斌心一片 于 2010-4-12 16:37 编辑 ]