ASP.NET实现Windows窗口效果图片管理.pdf

ASP.NET 实现 Windows 窗口效果图片管理 本文介绍了一种使用 ASP.NET 实现 Windows 窗口效果图片管理的方法。该方法使用框架式网页结构和 JavaScript 脚本语言，解决了 UploadPanel 控件不支持 Ajax 文件上传方式的问题，实现了局部更新页面的前提下图片的保存和管理。 在 Windows 控件开发 C/S 结构或桌面软件时，可以轻易地制作出如图 1 的效果，图片的缩略图统一排列在窗口下方的控件中，点击每一张缩略图可以在窗口上方显示其原图片，在添加新图片时，新图片的缩略图自动放置在窗口下方控件中。 使用 ASP.NET 开发 B/S 结构软件也可以实现这样的功能，但是由于 B/S 结构的特性，每保存或浏览一张图片时页面上的所有元素要重新加载一遍，这样增加了服务器端的压力和用户的等待时间。因此需要寻找一种方法实现页面元素局部更新条件下图片的保存。 实现页面元素局部更新的功能，可以使用 Ajax 技术，使用 Visual Studio 中提供的 UpdatePanel 控件，为其添加异步回调触发器 (AsynePostBackTrigger)，在触发器内定义引起回发的控件为保存按钮、事件为 Click 事件。但是 UpdatePanel 控件不支持 Ajax 的文件上传方式，按上述步骤制做的程序在保存图片时 FileUpload 控件的上传数据长度为零。 因此需要寻找新的解决方案，实现局部更新页面元素前提下的图片保存。绕开 Ajax 技术，使用传统的框架模式和 JavaScript 脚本语言实现上述功能。主页面 Default.aspx 显示缩略图，在主页面上添加 iframe 控件，将其 src 设置为 media.aspx，实现原始图片预览和图片的保存。 media.aspx 页面添加了一个 Image 控件（img1）、一个 FileUpload (FileUpload1)控件、一个 Button (Button1)控件和一个 TextBox 控件 (TextBox1)，TextBox 控件的 visible 属性设置为 false，FileUpload 控件中添加代 码 onpmpe~ychange= ”document.all.img1.src=this.value” 实现上传图片的预览。在 Button 1 的 Click 事件中编写图片上传（此处以图片保存至数据库为例）代码，最后加入以下几行代码： 本文提供了一种使用 ASP.NET 实现 Windows 窗口效果图片管理的方法，解决了 UploadPanel 控件不支持 Ajax 文件上传方式的问题，实现了局部更新页面的前提下图片的保存和管理。该方法可以应用于各种 Windows 窗口效果图片管理场景，提高了开发效率和用户体验。