化境ASP无组件上传经验总结

工作需要,最近在跟着一个ERP的.net项目,在一个模块中用到了.net上传组件,之前没怎么接触,一天的时间完成任务,并且自己也答应了客户,晚上交工....现在把自学的一些知识分享下
在form表单提交和上传图片文本信息同时就会出现了错误,首先你先确定导入upload.inc文件,这个inc文件是一个js,里面封装了很多的方法,例如saveAs等,导入这个文件后,你就可以使用了组建的一些方法,我按照我的逻辑进行
首先有个form,里面有你的一些表单属性,然后通过一个iframe嵌入文件上传的表单,这个表单和之前的不同是需要有个enctype='multipart/form-data'(这个和Struts2上传图片一样)
大表单下的代码如下:
<tr>
<td height="28"><div align="right" class="style4">电话:</div></td>
<td><input name="tel" type="text" id="tel" size="50" maxlength="200" value=<%=tel%>"></td>
</tr>
<tr>
<td height="28"><div align="right" class="style4">附件:</div></td>
<td height="28">
[color=red]<iframe border='0' frameBorder='0' noResize scrolling='no'src='upload.asp' width="300" height="50"></iframe>[/color]
</td>
</tr>
嵌入的表单文件upload.asp文件如下:
<form name='form' method='post' action='upfile.asp' enctype='multipart/form-data'>
[color=red]<input type='hidden' name='filepath' value='/Stock/Img'>(filepath路径可以换成动态获取)
<input type='hidden' name='act' value='upload'>[/color]
<input type='file' name='file1' size=20>
<input type='submit' class=button name='Submit1' value='上传' οnclick='parent.document.forms[0].Submit.disabled=true'>
</form>
在upfile.asp文件中就利用inc以及fso来处理了,使用fso就是为了创建下路径,也可以使用inc中自带的一个server.mappath()映射磁盘的物理路径:
set file=upload.file(formName) ''生成一个文件对象
Path=Server.MapPath("/")&formPath //项目的相对路径加上存放的路径
filename=Path&tempFileName //对应的文件
fileExt=lcase(right(file.filename,4)) //扩展名
If FSO.FolderExists(Path) = false then '判断该文件夹是否存在FSO.CreateFolder(Path) \\\'新建文件夹就是确定下创建一定成功
FSO.CreateFolder(Path)
End If
file.SaveAs filename ''保存文件
其中可能会遇到很多错误,例如Binary和Request.Form的问题,文件写入错误,没有对象等等错误提示,成长就是一点一滴从错误中积累吧,不过我还是觉得Struts2对资源上传的封装很方便的,个人的体会在这里Java还是不错的 :idea:
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
一、简介 自从接触ASP就开始接触上,看过一些上类,但是总感觉封装的还是不够简单,因此自己尝试写一个能够用最少最简单的代码实现各种上方式的上类。在学校期间就开始写,一点点的完善、优化,到现在的版本,现在的版本能适应各种上方式。上 类的主要的功能如下: 1、自由设置最大上大小、单文件最大上大小 2、自由设置允许上的文件类型 3、可设置文本的编码,以适应各种上环境 4、内置进度条,用户可选择开启和关闭 5、多种错误状态处理 6、多种文件保存方式:原文件名、随机文件名、用户自定义文件名 7、自由选择是否覆盖已存在文件 8、完整保存表单数据,支持同名表单,不支持同名文件域 注意: 1、特别注意Form一定要加上enctype="multipart/form-data"属性,method属性值必须是post,否则上会出错 2、request.form()方法获取数据失效,请使用UpLoad.forms() 3、上前请确认保存文件的文件夹有读写权限,若不可写则会出现"文件无法写入"错误,解决方法 http://dev.mo.cn/show.asp?id=81 二、调用方法 1、无组件类的调用方法: Dim Upload set Upload = new AnUpLoad 2、组件的调用方法: Dim Upload Set Upload = server.CreateObject("Anasp.Anupload") 注意:上属性的设置必须在调用Upload.GetData()之前。 简单调用示例: Dim Upload set Upload=new AnUpLoad 'Set Upload = server.CreateObject("Anasp.Anupload") Upload.SingleSize=1024*1024*1024 '设置单个文件最大上限制,按字节计;默认为不限制 Upload.MaxSize=1024*1024*1024 '设置最大上限制,按字节计;默认为不限制 Upload.Exe="bmp|rar|pdf|jpg|gif" '设置合法扩展名,以|分割 Upload.Charset="gb2312" '设置文本编码,默认为gb2312 Upload.openProcesser=false '禁止进度条功能,如果启用,需配合客户端程序 Upload.GetData() '获取并保存数据,必须调用本方法
ASP中,实现无组件并带有进度条的方法有多种。以下是一种实现方式的详细说明: 1. 在ASP页面中的HTML表单中添加一个文件上输入框和一个提交按钮: ```html <form action="upload.asp" method="post" enctype="multipart/form-data"> <input type="file" name="fileToUpload" id="fileToUpload"> <input type="submit" value="上文件"> <progress id="progressBar" max="100" value="0"></progress> <span id="status"></span> </form> ``` 2. 在upload.asp页面中编写ASP代码来处理文件上: ```asp <% Dim fileUpload, fileName, uploadPath Set fileUpload = Server.CreateObject("Persits.Upload") ' 设置上文件的路径 uploadPath = "上文件的保存路径" ' 获取上的文件名 fileName = fileUpload.Files("fileToUpload").FileName ' 保存上的文件 fileUpload.Files("fileToUpload").SaveAs Server.MapPath(uploadPath) & "\" & fileName ' 释放对象 Set fileUpload = Nothing ' 返回上成功消息 Response.Write "文件上成功!" %> ``` 3. JavaScript代码来实现文件上进度条的功能。在页面底部添加以下代码: ```html <script> // 获取上表单元素 var form = document.querySelector('form'); // 获取进度条元素 var progressBar = document.querySelector('#progressBar'); // 获取上状态元素 var status = document.querySelector('#status'); // 设置上进度监听器 form.addEventListener('submit', function(event) { event.preventDefault(); // 创建FormData对象 var formData = new FormData(form); // 创建XHR对象 var xhr = new XMLHttpRequest(); // 上进度事件 xhr.upload.addEventListener("progress", function(e) { if (e.lengthComputable) { // 计算上进度 var percentComplete = (e.loaded / e.total) * 100; // 更新进度条值 progressBar.value = percentComplete; // 更新上状态 status.innerHTML = percentComplete + "% 已上"; } }, false); // 文件上成功事件 xhr.addEventListener("load", function() { // 上完成时,重置进度条 progressBar.value = 0; // 显示上成功消息 status.innerHTML = "文件上成功!"; }, false); // 发送上请求 xhr.open("POST", "upload.asp", true); xhr.send(formData); }); </script> ``` 以上就是实现ASP组件带进度条的一个简单方法。通过接收表单数据和对进度进行监听,可以实现文件上过程中的进度显示和上成功提示。自行根据需求来修改相关代码。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值