<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 += '&nbsp;<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" />&nbsp;

             <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的更多相关文章

  1. asp.net结合uploadify实现多附件上传

    1.说明 uploadify是一款优秀jQuery插件,主要功能是批量上传文件.大多数同学对多附件上传感到棘手,现将asp.net结合uploadfiy如何实现批量上传附件给大家讲解一下,有什么不对的 ...

  2. 基于MVC4+EasyUI的Web开发框架形成之旅--附件上传组件uploadify的使用

    大概一年前,我还在用Asp.NET开发一些行业管理系统的时候,就曾经使用这个组件作为文件的上传操作,在随笔<Web开发中的文件上传组件uploadify的使用>中可以看到,Asp.NET中 ...

  3. 使用plupload做一个类似qq邮箱附件上传的效果

    公司项目中使用的框架是springmvc+hibernate+spring,目前需要做一个类似qq邮箱附件上传的功能,暂时只是上传小类型的附件 处理过程和解决方案都需要添加附件,处理过程和解决方案都可 ...

  4. Dynamic CRM 2013学习笔记（十三）附件上传 / 上传附件

    上传附件可能是CRM里比较常用的一个需求了,本文将介绍如何在CRM里实现附件的上传.显示及下载.包括以下几个步骤: 附件上传的web页面 附件显示及下载的附件实体 调用上传web页面的JS文件 实体上 ...

  5. playframework中多附件上传注意事项

    playframework中多附件上传注意事项 2013年09月24日 play 暂无评论 //play版本问题 经确认,1.0.3.2版本下控制器中方法参数  List<File> fi ...

  6. JS实现多附件上传（asp.net）

    前几天,用户提出一个需求-多附件上传,另外,每个上传文件要加一个别名,本人创新少,从网上收集了资料,稍微改写,满足了 客户的需求.在应用到程序之前,先做了个小测试,测试通过,小高兴,就记录下了这个小测 ...

  7. java附件上传下载磁盘版

    ACTION public class UploadAction extends BaseAction { private static final long serialVersionUID = 1 ...

  8. 基于MVC4+EasyUI的Web开发框架形成之旅(4)--附件上传组件uploadify的使用

    大概一年前,我还在用Asp.NET开发一些行业管理系统的时候,就曾经使用这个组件作为文件的上传操作,在随笔<Web开发中的文件上传组件uploadify的使用>中可以看到,Asp.NET中 ...

  9. EBS开发附件上传和下载功能(转)

    原文地址: EBS开发附件上传和下载功能 上传 Oracle ERP二次开发中使用的方式有两种,一是通过标准功能,在系统管理员中定义即可,不用写代码,就可以使几乎任何Form具有附件功能,具体参考系统 ...

随机推荐

  1. 数据结构之图 Part3 – 2 遍历

    BFS using System; using System.Collections.Generic; using System.Linq; using System.Text; namespace ...

  2. C#中的Infinity有个小坑

    (此文章同时发表在本人微信公众号"dotNET每日精华文章",欢迎右边二维码来关注.) 昨天家里有事,上网也不方便,就没有推送文章.今天很累,也不长篇大论了.简单介绍一下最近遇到的 ...

  3. C++中引用（&）的用法和应用实例

    转自:http://www.cnblogs.com/Mr-xu/archive/2012/08/07/2626973.html 对于习惯使用C进行开发的朋友们,在看到c++中出现的&符号,可能 ...

  4. mathematica练习程序（图像取反）

    代码很简单,就四行,我想到可以用mathematica干点什么了. 有人通过mathematica编程研究过视频编解码算法么,挺有意思,可以尝试一下. img=Import["f:/lena ...

  5. 汇编学习（六）——代码转换程序

    (一)逻辑运算指令 一.双操作数逻辑运算指令 1.指令格式: AND dst,src ; "与"运算, OR dst,src ; "或"运算 XOR dst,s ...

  6. eclipse文本域内只能输入繁体中文

    背景:在文本编辑器下写纯文本时不知怎么回事儿,原来能输入简体字,但过了之后只能输入繁体中文了!我用的是sogou拼音输入法,我检查过,输入法设置的是简体中文,eclipse默认的编码方式是utf-8. ...

  7. hdu 1029 Ignatius ans the Princess IV

    Ignatius and the Princess IV Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32767 K ( ...

  8. Spring事务解析3-增强方法的获取

    从InfrastructureAdvisorAutoProxyCreator的层次结构中可以看到,InfrastructureAdvisorAutoProxyCreator间接实现了SmartInst ...

  9. poj2533 LIS

    题目链接: http://poj.org/problem?id=2533 题意:第一个数n,接下来n个数,>  ....求最长上升子序列. 这道题有两种解法,第一种是通解,也适用于别的LIS. ...

  10. DOM--3 DOM核心和DOM2 HTML(2)

    核心Node对象 由于继承扩展的关系,DOM中大部分对象会有Node对象的属性和方法,其中包括: nodeName DOM2核心中规定的每种nodeType预期的nodeName值 对象 返回值 El ...