附件上传 使用javascript
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<script type="text/javascript">
function ShowImg(obj) {
var a = obj.toString();
var isNumber = /^[-]$/;
var img = "";
if (isNumber.test(a)) {
img = a;
a = "div_" + a;
}
var docObj = document.getElementById(a);
var img1 = document.getElementById("img_"+img);
if (docObj.files && docObj.files[]) {
//火狐7以上版本不能用上面的getAsDataURL()方式获取，需要一下方式
img1.src = window.URL.createObjectURL(docObj.files[]);
document.getElementById("sname").value += img1.src+" ";
}
return true;
}
//设置ID变量参数
var fileId = ;
var fileId_ = ;
//添加附件 生成一个DIV 里面包含file控件和图片
function addFile() {
//获取div(包含file控件和图片)
var FilesDiv = document.getElementById('FilesDiv');
//设置一个DIV的id为“div1”
var divId = "div" + fileId;
//拼接一个div 让其ID自增长 可一直添加
var str = '<div id="' + divId + '">';
str += '<img id="img_' + fileId + '" src="" style=" width:100px; height:100px" /><br />'
str += '<input type="file" size="40" id="div_' + fileId + '" onchange="ShowImg(\'' + fileId + '\')" name="File" style="border: solid 1px #0077B2">'
str += ' <img src="../images/icon_stop.gif" onclick="delFile(\'' + divId + '\')"/>';
str += "<div>";
FilesDiv.insertAdjacentHTML("beforeEnd", str)
fileId++;
}
function delFile(obj) {
var FilesDiv = document.getElementById('FilesDiv');
var elem = document.getElementById(obj);
FilesDiv.removeChild(elem);
}
function Sub() {
var len = document.getElementById('FilesDiv').getElementsByTagName('input');
if (len.length != ) {
for (var i = ; i < len.length; i++) {
if (len[i].type == "file") {
if (len[i].value == "") {
alert('请选择要上传的附件！');
return false;
}
else { }
}
}
}
else {
alert('请选择要上传的附件！');
return false;
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<div id="FilesDiv">
<div id="div0">
<img id="img_0" src="" style=" width:100px; height:100px" /><br />
<input type="file" runat="server" size="" name="File" id="file0" onchange="ShowImg('file0')" style="border: solid 1px #0077B2" />
<img src="../images/icon_stop.gif" onclick="delFile('div0')" />
</div>
</div>
<input type="button" value="添加附件" onclick="addFile();return false" id="btnInput" runat="server" />
<asp:Button ID="btnUpload" runat="server" Text="上传附件" OnClick="btnUpload_Click" OnClientClick="return Sub();"/><P>
</P>
<input type="hidden" name="sname" id="sname" />
</div>
</form>
</body>
</html>
后台
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{ }
}
/// 检测指定的文件夹是否存在，不存在就创建
/// </summary>
/// <param name="imgpath">该文件夹的之前的路径，注意一定要带上"/"</param>
/// <returns></returns>
public static string CheckFile()
{
//命名一个今天的文件夹
string folder = DateTime.Now.ToString("yyyyMMdd"); //判断文件是否存在
if (!System.IO.Directory.Exists(folder))
{
//自动生成文件夹
System.IO.Directory.CreateDirectory(folder); //生成后返回文件夹名
return folder;
} //如果存在，直接返回今天的文件夹名
return folder;
} protected void btnUpload_Click(object sender, EventArgs e)
{
if (Request.Form["sname"] != null)
{
//获取到附件存放的URL
string UrlName = Request.Form["sname"];
string[] strArr = UrlName.Split(' ');
}
//声明名称、大小、类型等几个变量
string f_name, f_size, f_tye;
HttpFileCollection hfc = Request.Files;
for (int i = ; i < hfc.Count; i++)
{
HttpPostedFile hpf = hfc[i];
f_name = hpf.FileName;
f_size = hpf.ContentLength.ToString();
f_tye = hpf.ContentType; } }
今天写到这。。。。。
附件上传 使用javascript的更多相关文章
- asp.net结合uploadify实现多附件上传
1.说明 uploadify是一款优秀jQuery插件,主要功能是批量上传文件.大多数同学对多附件上传感到棘手,现将asp.net结合uploadfiy如何实现批量上传附件给大家讲解一下,有什么不对的 ...
- 基于MVC4+EasyUI的Web开发框架形成之旅--附件上传组件uploadify的使用
大概一年前,我还在用Asp.NET开发一些行业管理系统的时候,就曾经使用这个组件作为文件的上传操作,在随笔<Web开发中的文件上传组件uploadify的使用>中可以看到,Asp.NET中 ...
- 使用plupload做一个类似qq邮箱附件上传的效果
公司项目中使用的框架是springmvc+hibernate+spring,目前需要做一个类似qq邮箱附件上传的功能,暂时只是上传小类型的附件 处理过程和解决方案都需要添加附件,处理过程和解决方案都可 ...
- Dynamic CRM 2013学习笔记（十三）附件上传 / 上传附件
上传附件可能是CRM里比较常用的一个需求了,本文将介绍如何在CRM里实现附件的上传.显示及下载.包括以下几个步骤: 附件上传的web页面 附件显示及下载的附件实体 调用上传web页面的JS文件 实体上 ...
- playframework中多附件上传注意事项
playframework中多附件上传注意事项 2013年09月24日 play 暂无评论 //play版本问题 经确认,1.0.3.2版本下控制器中方法参数 List<File> fi ...
- JS实现多附件上传（asp.net）
前几天,用户提出一个需求-多附件上传,另外,每个上传文件要加一个别名,本人创新少,从网上收集了资料,稍微改写,满足了 客户的需求.在应用到程序之前,先做了个小测试,测试通过,小高兴,就记录下了这个小测 ...
- java附件上传下载磁盘版
ACTION public class UploadAction extends BaseAction { private static final long serialVersionUID = 1 ...
- 基于MVC4+EasyUI的Web开发框架形成之旅(4)--附件上传组件uploadify的使用
大概一年前,我还在用Asp.NET开发一些行业管理系统的时候,就曾经使用这个组件作为文件的上传操作,在随笔<Web开发中的文件上传组件uploadify的使用>中可以看到,Asp.NET中 ...
- EBS开发附件上传和下载功能(转)
原文地址: EBS开发附件上传和下载功能 上传 Oracle ERP二次开发中使用的方式有两种,一是通过标准功能,在系统管理员中定义即可,不用写代码,就可以使几乎任何Form具有附件功能,具体参考系统 ...
随机推荐
- C++Primer快速浏览笔记-复合类型
C++Primer2.3节介绍了两种复合类型:引用和指针 1.引用 引用并非对象,它只是为一个已经存在的对象所起的别名. 一旦初始化完成,引用将和它的初始值对象一直绑定在一起,不能重新绑定到另一个对象 ...
- 第十二篇：SOUI的utilities模块为什么要用DLL编译？
SOUI相对于DuiEngine一个重要的变化就是很多模块变成了一个单独的DLL. 然后很多情况下用户可能希望整个产品就是一个EXE,原来DuiEngine提供了LIB编译模式,此时链接LIB模式的D ...
- objective-c 遍历文件夹查看文件
#import <Foundation/Foundation.h>int main (int argc, const char * argv[]){ @autoreleasepool ...
- LoadRunner 事务函数
status 包括LR_PASS, LR_FAIL, LR_AUTO, LR_STOP(这个没用过) lr_set_transaction_instance_status(status); 可以根 ...
- 【SQL 触发器】
一.MySQL上触发器的使用 示例: CREATE TRIGGER trigger_name trigger_time trigger_event ON tbl_name FOR EACH ROW t ...
- .htaccess是什么？.htaccess几个简单应用
.htaccess是什么? .htaccess叫分布式配置文件,它提供了针对目录改变配置的方法——在一个特定的文档目录中放置一个包含一个或多个指令的文件, 以作用于此目录及其所有子目录.并且子目录中的 ...
- Android中ViewPager+Fragment取消(禁止)预加载延迟加载(懒加载)问题解决方案
转载请注明出处:http://blog.csdn.net/linglongxin24/article/details/53205878本文出自[DylanAndroid的博客] Android中Vie ...
- 常用eclipse 快捷键
Ctrl+1 快速修复(最经典的快捷键,就不用多说了)Ctrl+D: 删除当前行 Ctrl+Alt+↓ 复制当前行到下一行(复制增加)Ctrl+Alt+↑ 复制当前行到上一行(复制增加)Alt+↓ 当 ...
- JavaScript入门（2）
encodeURI()和 decodeURI()作用 编码与解码 encodeURIComponent()和 decodeURIComponent()作用区别是 后者可以处理一些特殊字符进行转义 ...
- Spring常用工具类
Spring框架下自带了丰富的工具类,在我们开发时可以简化很多工作: 1.Resource访问文件资源: 具体有: ResourceUtils.getFile(url); FileSystemReso ...