源代码-简便无刷新ASP文件上传系统.zip资源-CSDN下载

共5个文件

js：2个

inc：1个

htm：1个

186 浏览量 2025-03-08 22:29:44 上传评论收藏 10KB ZIP 举报

ASP（Active Server Pages）是一种服务器端脚本环境，用于创建动态交互式网页。在文件上传系统中，ASP技术允许开发者在服务器上执行脚本来处理文件上传的过程，而不必重新加载整个页面。这使得用户体验更为流畅，因为页面无需刷新即可实现文件的上传。简便无刷新ASP文件上传系统通常涉及以下技术点和功能模块： 1. 前端设计：通过HTML表单提供一个用户界面，用户可以通过这个界面选择要上传的文件。通常还包含一些JavaScript代码，用于提供即时的用户反馈和进度指示，但整个上传过程对用户而言是无缝的，不需要页面刷新。 2. 后端处理：ASP脚本接收前端的文件上传请求，进行必要的验证，如文件大小、类型等，并将文件存储在服务器的指定目录。由于涉及到服务器端的文件操作，安全性是设计时需要重点考虑的因素。 3. 数据库交互：如果上传系统需要记录上传文件的相关信息，比如上传者信息、上传时间、文件名等，ASP脚本还需要与数据库交互，将这些信息存储起来。 4. 无刷新技术：虽然标题提到了“无刷新”，但实际的实现可能依赖于Ajax技术、iframe技术或其他前端技术来实现不刷新的效果。在ASP的旧版本中，可能采用iframe来包裹上传表单，通过改变iframe的内容来达到无刷新上传的目的。 5. 错误处理：在文件上传过程中，可能会遇到各种错误，如网络问题、文件过大、文件类型不符合要求等。ASP上传系统需要有良好的错误处理机制，给用户明确的错误提示。由于提供的压缩包文件名称列表只有一个数字序列“132684814276273219”，这可能是文件的某种编号，而非具体文件名。因此，无法从中得知具体的文件结构和内容。另外，给出的描述中提到一个链接“https://cv2022.blog.csdn.net/article/details/124463185”，这是一个毕业设计相关资源的链接。虽然该链接指向了一个具体内容的页面，但由于没有提供该页面的具体内容，无法从中获取更多有关该文件上传系统的详细信息。我们大致可以描绘出一个基于ASP的简便无刷新文件上传系统的轮廓，它通过结合前后端技术实现用户友好的上传体验，并具备文件验证、存储、数据库交互和错误处理等后端逻辑。然而，由于缺乏具体的文件名列表，我们无法确切知道该压缩包中包含的具体文件和代码结构。

资源推荐

资源详情

资源评论

收起资源包目录

源代码-简便无刷新 ASP 文件上传系统.zip （5个子文件）

132684814276273219

file

upload_wj.inc 6KB

files.asp 857B

QuickUpload.htm 4KB

CJL.0.1.min.js 5KB

QuickUpload.js 5KB

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>简便无刷新文件上传系统</title> <script src="CJL.0.1.min.js"></script> <script src="QuickUpload.js"></script> </head> <body> <style> .upload {width:600px;background:#fff;font-size:12px; border-collapse:collapse;} .upload td, .upload th {padding:5px;border:1px solid #ebebeb;} .upload thead td {background-color:#ebebeb;} .upload th { text-align:center;} .upload b {font-size:14px;} .upload tbody td{ height:30px;} .upload tfoot td{ word-spacing:20px;} .upload a:link, .upload a:visited, .upload a:hover, .upload a:active {color:#00F;} </style> <form action="Files.asp" method="post" enctype="multipart/form-data"> <table border="0" class="upload"> <thead> <tr> <td colspan="4"><b>文件上传</b></td> </tr> <tr> <th>选择文件</th> <th width="25%">重命名</th> <th width="15%">操作</th> <th width="15%">状态</th> </tr> </thead> <tbody id="idTable"> <tr> <td><input name="file" type="file" /> <span></span></td> <td><input size="15" name="title" type="text" /> <span></span></td> <td align="center"><a href="?">重置</a></td> <td align="center"><span>选择文件</span></td> </tr> </tbody> <tfoot> <tr> <td colspan="4" align="center"><script> document.writeln("<input id=\"idAdd\" type=\"button\" value=\"添加文件\">") document.writeln("<input id=\"idQuick\" type=\"button\" value=\"极速上传\">") </script> <input id="idNormal" type="submit" value="一般上传"></td> </tr> </tfoot> </table> </form> <br> <a href="http://www.cnblogs.com/cloudgamer/">如有任何疑问或建议欢迎来我的博客交流</a> <script> var qus = [], count = 0, table = $$("idTable"), model = table.rows[0]; table.removeChild(model); function add(){ var row = model.cloneNode(true), inputs = row.getElementsByTagName("input"), file = inputs[0], title = inputs[1], spans = row.getElementsByTagName("span"), msgfile = spans[0], msgtitle = spans[1], msg = spans[2], a = row.getElementsByTagName("a")[0], qu = new QuickUpload(file, { action: "Files.asp", timeout: 6, onReady: function(){ count++; show("上传中.."); a.innerHTML = "停止"; a.onclick = function(){ qu.stop(); return false; }; //设置表单 this.parameter.title = title.value; file.style.display = title.style.display = "none"; msgfile.innerHTML = file.value; msgtitle.innerHTML = title.value; }, onFinish: function(iframe){ try{//处理返回信息(需要后台配合) var info = eval("(" + iframe.contentWindow.document.body.innerHTML + ")"); show("上传完成"); }catch(e){//获取数据出错 show("上传失败"); stop(); return; } count--; CheckBtn(); row.cells[0].innerHTML = "<a href=\"" + info.path + "\" target='_blank'>" + info.name + "</a>"; row.cells[1].innerHTML = info.name; a.innerHTML = "下载"; a.href = info.path; a.onclick = null; //移除程序 this.remove(); }, onStop: function(){ show("已经停止"); stop(); }, onTimeout: function(){ show("上传超时"); stop(); } }); a.onclick = reset function stop(){ count--; CheckBtn(); a.innerHTML = "重置"; a.onclick = reset; file.style.display = msgfile.innerHTML = title.style.display = msgtitle.innerHTML = ""; } function reset(){ show("选择文件"); ResetFile(file); return false; } function show(m){ msg.innerHTML = m; } file.onchange = function(){ show(this.value ? "准备上传" : "选择文件"); } qus.push(qu); table.appendChild(row); } add(); add(); add(); $$("idAdd").onclick = function(){ qus.length >= 6 ? alert("不要太贪心啦") : add(); } $$("idQuick").onclick = function(){ $$A.filter(qus, function(qu){ qu.upload(); }); CheckBtn(); } function CheckBtn(){ $$("idNormal").disabled = $$("idQuick").disabled = !!count; } function ResetFile(file){ file.value = "";//ff chrome safari if ( file.value ) { if ( $$B.ie ) {//ie with(file.parentNode.insertBefore(document.createElement('form'), file)){ appendChild(file); reset(); removeNode(false); } } else {//opera file.type = "text"; file.type = "file"; } } } </script> </body> </html>

评论收藏

内容反馈