图片上传、预览、修改

最新推荐文章于 2024-10-04 06:11:34 发布

iteye_8644

最新推荐文章于 2024-10-04 06:11:34 发布

阅读量106

点赞数

文章标签： xhtml ui javascript ViewUI

//注:用fileUpload不能做刷新操作（就是不能用ajax之类的刷新） <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="UploadCarPhoto.aspx.cs" Inherits="YC.SH.WEB.PictureCompare.UploadCarPhoto" %> <%@ Register Assembly="ComponentArt.Web.UI" Namespace="ComponentArt.Web.UI" TagPrefix="ComponentArt" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head id="Head1" runat="server"> <link href="../App_Themes/DefaultThemes/master.css" mce_href="App_Themes/DefaultThemes/master.css" rel="stylesheet" type="text/css" /> <link href="../App_Themes/DefaultThemes/tanchunew.css" mce_href="App_Themes/DefaultThemes/tanchunew.css" rel="stylesheet" type="text/css" /> <mce:script src="../js/validate.js" mce_src="js/validate.js" type="text/javascript"></mce:script> <mce:script src="../js/calendars.js" mce_src="js/calendars.js" type="text/javascript"></mce:script> <title>上传相片</title> <mce:script type="text/javascript" language="javascript"></mce:script> </head> <body οnkeydοwn="documentonkeydown();"> <form id="form1" runat="server"> <asp:HiddenField ID="hf_carNumber" runat="server" /> <asp:HiddenField ID="hf_id" runat="server" /> <asp:ScriptManager ID="ScriptManager1" runat="server" EnableScriptGlobalization="true" /> <div class="kuang"> <div class="toptt"> <h1> 拍照时间：<asp:TextBox ID="tb_photoTime" runat="server" οnfοcus="this.select();setday(this);" class="btnst" Width="123px" /></h1> </div> <div class="toptt"> <h1> 上传相片</h1> </div> <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center"> <table width="189" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="142"> <asp:Image Width="189px" Height="142px" ID="img_straightAhead" runat="server" ImageUrl="~/App_Themes/images/carPhoto/tu1.jpg" /> </td> </tr> <tr> <td height="20"> </td> </tr> <tr> <td> <asp:FileUpload οnchange="preview(this);" EnableViewState="true" ID="fu_straightAhead" runat="server" /> </td> </tr> </table> </td> <td align="center"> <table width="189" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="142"> <asp:Image Width="189px" Height="142px" ID="img_leftAnterior" ImageUrl="../App_Themes/images/carphoto/tu2.jpg" runat="server" /> </td> </tr> <tr> <td height="20"> </td> </tr> <tr> <td> <asp:FileUpload οnchange="preview(this);" EnableViewState="true" ID="fu_leftAnterior" runat="server" /> </td> </tr> </table> </td> </tr> <tr> <td align="center"> </td> <td align="center"> </td> </tr> <tr> <td align="center"> <table width="189" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="142"> <asp:Image Width="189px" Height="142px" ID="img_straightLeft" runat="server" ImageUrl="../App_Themes/images/carphoto/tu3.jpg" /> </td> </tr> <tr> <td height="20"> </td> </tr> <tr> <td> <asp:FileUpload οnchange="preview(this);" EnableViewState="true" ID="fu_straightLeft" runat="server" /> </td> </tr> </table> </td> <td align="center"> <table width="189" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="142"> <asp:Image Width="189px" Height="142px" ID="img_leftRear" runat="server" ImageUrl="../App_Themes/images/carphoto/tu4.jpg" /> </td> </tr> <tr> <td height="20"> </td> </tr> <tr> <td> <asp:FileUpload οnchange="preview(this);" EnableViewState="true" ID="fu_leftRear" runat="server" /> </td> </tr> </table> </td> </tr> <tr> <td align="center"> </td> <td align="center"> </td> </tr> <tr> <td align="center"> <table width="189" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="142"> <asp:Image Width="189px" Height="142px" ID="img_straightAstern" runat="server" ImageUrl="../App_Themes/images/carphoto/tu5.jpg" /> </td> </tr> <tr> <td height="20"> </td> </tr> <tr> <td> <asp:FileUpload οnchange="preview(this);" EnableViewState="true" ID="fu_straightAstern" runat="server" /> </td> </tr> </table> </td> <td align="center"> <table width="189" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="142"> <asp:Image Width="189px" Height="142px" ID="img_rightFront" runat="server" ImageUrl="../App_Themes/images/carphoto/tu6.jpg" /> </td> </tr> <tr> <td height="20"> </td> </tr> <tr> <td> <asp:FileUpload οnchange="preview(this);" EnableViewState="true" ID="fu_rightFront" runat="server" /> </td> </tr> </table> </td> </tr> <tr> <td align="center"> </td> <td align="center"> </td> </tr> <tr> <td align="center"> <table width="189" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="142"> <asp:Image Width="189px" Height="142px" ID="img_straightRight" runat="server" ImageUrl="../App_Themes/images/carphoto/tu7.jpg" /> </td> </tr> <tr> <td height="20"> </td> </tr> <tr> <td> <asp:FileUpload οnchange="preview(this);" EnableViewState="true" ID="fu_straightRight" runat="server" /> </td> </tr> </table> </td> <td align="center"> <table width="189" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="142"> <asp:Image Width="189px" Height="142px" ID="img_rightRear" runat="server" ImageUrl="../App_Themes/images/carphoto/tu8.jpg" /> </td> </tr> <tr> <td height="20"> </td> </tr> <tr> <td> <asp:FileUpload οnchange="preview(this);" EnableViewState="true" ID="fu_rightRear" runat="server" /> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <div class="xian"> </div> <div class="tcanniu"> <asp:Button ID="btn_submitEdit" CssClass="phoneBySubmitEdit" runat="server" OnClick="btn_submitEdit_Click" OnClientClick="return validateFileUpload();" /> </div> </div> </form> </body> </html> using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.IO; using YC.SH.DataAccess.PictureCompare; using YC.DB.DataSource; using YC.SH.Business.PictureCompare;//文件流 namespace YC.SH.WEB.PictureCompare { public partial class UploadCarPhoto : PageBase { protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { hf_id.Value = Server.UrlDecode(Request.QueryString["id"]); if (string.IsNullOrEmpty(hf_id.Value)) { tb_photoTime.Attributes.Add("ReadOnly", "ReadOnly"); hf_carNumber.Value = Server.UrlDecode(Request.QueryString["carNumber"]); } else { showPhoto(); } } } /// <summary> /// 显示照片的信息 /// </summary> private void showPhoto() { T_SHGPS_CARPHOTO carPhoto = LibBase.RecivedObj(T_SHGPS_CARPHOTO.DBNAME, typeof(T_SHGPS_CARPHOTO), hf_id.Value) as T_SHGPS_CARPHOTO; if (carPhoto != null) { hf_carNumber.Value = carPhoto.CARNUMBER; tb_photoTime.Text = carPhoto.CATCHPHOTOTIME.ToString(); tb_photoTime.Enabled = false; img_straightAhead.ImageUrl = carPhoto.FRONTAGEPHOTO; img_leftAnterior.ImageUrl = carPhoto.LFPHOTO; img_straightLeft.ImageUrl = carPhoto.LEFTWARDPHOTO; img_leftRear.ImageUrl = carPhoto.LBPHOTO; img_straightAstern.ImageUrl = carPhoto.BACKSIDEPHOTO; img_rightFront.ImageUrl = carPhoto.RFPHOTO; img_straightRight.ImageUrl = carPhoto.RIGHTPHOTO; img_rightRear.ImageUrl = carPhoto.RBPHOTO; } } /// <summary> /// 上传相片 /// </summary> /// <returns></returns> private string uploadPhoto(FileUpload fileUp) { string filePath = string.Empty; if (fileUp.HasFile) { string filename; string houzhui = string.Empty; int indexer = fileUp.FileName.LastIndexOf('.'); houzhui = fileUp.FileName.Substring(indexer + 1); if (houzhui == "jpg" || houzhui == "JPG" || houzhui == "gif" || houzhui == "GIF") { filename = fileUp.FileName; filename = System.IO.Path.GetExtension(filename); //保存到服务器，b是绘制的位图 if (!Directory.Exists(Server.MapPath("carPhoto/"))) { Directory.CreateDirectory(Server.MapPath("carPhoto/")); //创建该目录 } string[] imgName = fileUp.ID.Split('_'); filePath = "carPhoto/" + hf_carNumber.Value + imgName[1] + filename; fileUp.SaveAs(Server.MapPath(filePath)); fileUp.Dispose(); } else { filePath = string.Empty; } } else { filePath = string.Empty; } return filePath; } //提交 protected void btn_submitEdit_Click(object sender, EventArgs e) { bool result = false; HisPictureRecord pictureRecord = new HisPictureRecord(); T_SHGPS_CARPHOTO carPhoto = null; if (string.IsNullOrEmpty(hf_id.Value)) { carPhoto = new T_SHGPS_CARPHOTO(); carPhoto.CARNUMBER = hf_carNumber.Value; carPhoto.CATCHPHOTOTIME = Convert.ToDateTime(tb_photoTime.Text); carPhoto.UPLOADTIME = DateTime.Now; carPhoto.UPLOADMAN = LoginUser.LoginName; carPhoto.FRONTAGEPHOTO = uploadPhoto(fu_straightAhead); carPhoto.LFPHOTO = uploadPhoto(fu_leftAnterior); carPhoto.LEFTWARDPHOTO = uploadPhoto(fu_straightLeft); carPhoto.LBPHOTO = uploadPhoto(fu_leftRear); carPhoto.BACKSIDEPHOTO = uploadPhoto(fu_straightAstern); carPhoto.RFPHOTO = uploadPhoto(fu_rightFront); carPhoto.RIGHTPHOTO = uploadPhoto(fu_straightRight); carPhoto.RBPHOTO = uploadPhoto(fu_rightRear); result = pictureRecord.AddRecord(carPhoto); } else { carPhoto = LibBase.RecivedObj(T_SHGPS_CARPHOTO.DBNAME, typeof(T_SHGPS_CARPHOTO), hf_id.Value) as T_SHGPS_CARPHOTO; carPhoto.UPLOADTIME = DateTime.Now; if (!string.IsNullOrEmpty(fu_straightAhead.FileName)) { carPhoto.FRONTAGEPHOTO = uploadPhoto(fu_straightAhead); } if (!string.IsNullOrEmpty(fu_leftAnterior.FileName)) { carPhoto.LFPHOTO = uploadPhoto(fu_leftAnterior); } if (!string.IsNullOrEmpty(fu_straightLeft.FileName)) { carPhoto.LEFTWARDPHOTO = uploadPhoto(fu_straightLeft); } if (!string.IsNullOrEmpty(fu_leftRear.FileName)) { carPhoto.LBPHOTO = uploadPhoto(fu_leftRear); } if (!string.IsNullOrEmpty(fu_straightAstern.FileName)) { carPhoto.BACKSIDEPHOTO = uploadPhoto(fu_straightAstern); } if (!string.IsNullOrEmpty(fu_rightFront.FileName)) { carPhoto.RFPHOTO = uploadPhoto(fu_rightFront); } if (!string.IsNullOrEmpty(fu_straightRight.FileName)) { carPhoto.RIGHTPHOTO = uploadPhoto(fu_straightRight); } if (!string.IsNullOrEmpty(fu_rightRear.FileName)) { carPhoto.RBPHOTO = uploadPhoto(fu_rightRear); } result = pictureRecord.ModifyRecord(carPhoto); } if (result) { ScriptManager.RegisterStartupScript(this, GetType(), "", "alert('数据提交成功！');execute();", true); } else { ScriptManager.RegisterStartupScript(this, GetType(), "", "alert('数据提交失败！');execute();", true); } } } }