时间:2016-02-17 21:49 来源: 我爱IT技术网 作者:佚名
欢迎您访问我爱IT技术网，今天小编为你分享的javascript教程：【asp.net+js 实现无刷新上传解析csv文件的代码】，下面是详细的讲解！
asp.net+js 实现无刷新上传解析csv文件的代码
<!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>
<title></title>
<script type="text/javascript">
function FinishUpload(filePath) {
document.getElementById("uploadForm").reset();
if (!filePath) {
alert("Import Failed!");
}
else {
alert("Imported Successfully to " + decodeURIComponent(filePath) + "!");
}
}
function UploadFile() {
var arr=document.getElementById("txtFile").value.split('.');
var fileType=arr[arr.length - 1];
if (fileType.toLowerCase().indexOf("csv") < 0) {
document.getElementById("uploadForm").reset();
alert("Please select a csv file.");
return false;
}
document.getElementById("uploadForm").encoding="multipart/form-data";
document.getElementById("uploadForm").submit();
}
function ResetFile(file) {
var tmpForm=document.createElement('form');
file.parentNode.insertBefore(tmpForm, file);
tmpForm.appendChild(file);
tmpForm.reset();
tmpForm.removeNode(false);
}
</script>
</head>
<body>
<form id="uploadForm" name="uploadForm" action="Upload.ashx" method="post" target="hidIframe" enctype="multipart/form-data">
<table cellpadding='0' cellspacing='0' style="width:100%;height:100%;border-collapse:collapse;" border="0" >
<tr>
<td>
<input id="txtFile" name="txtFile" type="file" style="border:solid 1px Gray;" />
<iframe name="hidIframe" id="hidIframe" style="display:none;" ></iframe>
</td>
</tr>
<tr>
<td>
<input type="button" id="btnImportOK" value="Upload" onclick="UploadFile();" />
<input type="button" id="btnImportCancel" onclick="ResetFile(document.getElementById('txtFile'))" value="Reset"/>
</td>
</tr>
</table>
</form>
</body>
</html>
关于asp.net+js 实现无刷新上传解析csv文件的代码的用户互动如下：
相关问题：讨论asp.net的ajax的无刷新上传问题
答：这哪是上传？看你的这代码，你就做了一个文件拷贝嘛。 $("#frameMy").submit();也是用的错的。form指向的是iframe.你要提交的应该是form 而不是iframe >>详细
相关问题：asp.net +jquery 实现购物无刷新，代码实例
答：给你个我项目里ajax的例子吧 首先jquery引用 jquery ajax 方法定义 function getPreLimitMenu(mID) { $.ajax({ type: "POST", dataType: "json", //cache:true, url: webmainPath + "Alarm/getMenus3j", data: { MenuID: mID, sysname: "" }, su... >>详细
相关问题：使用ajaxuploadfile.js文件无刷新上传图片。在本地...
答：这个 if(data) 是你是否添加了参数支持。。。 如果有参数 jQuery('').appendTo(form); 下面这里就吃赋值到一个隐藏域。。这里有没有 和你后面 的 所以每次都会进到error里面， 是没有必然联系的 至于 你为什么老是进 ERROR里面 肯定是交互或者是... >>详细
- 【firefox】firefox浏览器不支持innerText的解决
- 【Extjs】Extjs学习过程中新手容易碰到的低级错误
- 【clearInterval】js clearInterval()方法的定义
- 【ComboBox】ComboBox 和 DateField 在IE下消失的
- 【dom】javascript dom追加内容实现示例-追加内容
- 【has】基于jquery的has()方法以及与find()方法以
- 【extjs】Extjs入门之动态加载树代码-动态加载树
- 【checkbox】让checkbox不选中即将选中的checkbox
- 【Array】js中更短的 Array 类型转换-类型转换
- 【append】append和appendTo的区别以及appendChil
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-