作业帮 > ASP.NET > 教育资讯

ASP.NET教程:ASP.NET多附件上传和附件编辑的实现

来源:学生作业帮助网 编辑:作业帮 时间:2024/05/14 06:43:22 ASP.NET
ASP.NET教程:ASP.NET多附件上传和附件编辑的实现
ASP.NET教程:ASP.NET多附件上传和附件编辑的实现ASP.NET
【51Test.NET-ASP.NET教程:ASP.NET多附件上传和附件编辑的实现】:

在写这篇文章之前我也在Google上找到了很多有关多附件上传的文章,有用ASP.NET实现的,也有用JSP、PHP等其它技术实现的,但基本前提都是事先通过js脚本来动态创建DOM,然后上传的时候在服务端做一下处理,有点类似于163的邮件系统。文件上传需要通过页面的POST方法进行提交,这个我在一次MOSS开发中iFrame表单提交的古怪问题解决一问中已经阐述过,其中包括了如何使用页面隐藏的iFrame来提交表单从而避免整个页面提交到服务器而导致页面的刷新。多附件上传的原理与之类似,只不过需要事先通过脚本在页面上动态创建多个input type=‘file‘的标签,当然,如果要想功能更加完美,你可能还需要通过脚本动态添加一些按钮事件以让用户可以删除他所添加的文件。下面是一个应用效果的截图。

其中红色方框内的内容是通过脚本在页面上动态创建的,将用户在客户端所选文件的文件名动态添加到一个div里,同时在这个div中放一个隐藏的input type=’file’的标签,它的value为用户所选文件的路径,然后在div中放置一个img,添加onmouseover和onmouseout事件为图片增加了一些鼠标滑动时的效果,onclick事件用来响应用户img时删除对应的文件。看一下代码中的具体实现。


Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter/

>%@PageLanguage=C#AutoEventWireup=trueCodeBehind=Default.aspx.csInherits=WebApplication1._Default%

!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd

htmlxmlns=http://www.w3.org/1999/xhtml

headrunat=server

title/title

scriptsrc=MultiAffix.jstype=text/javascript/script

scripttype=text/javascript

ASP.NET