asp.net 上传控件 模仿邮箱 模式

来源:网络 责任编辑:栏目编辑 发表时间:2013-07-01 23:52 点击:

这个插件也不算是原创吧,毕竟基础代码是从网上下载来的,首先谢谢开始做这个控件的人。在这个基础上,我添加了一些功能,完善了下。

说明:

这个上传控件的前台是基于html 和javascript生成和处理的

后台是 c# .

效果图

 

 \

 通过点击 添加附件,就可以选择相应的文件并添加。现在的功能是指允许图片上传

代码分析:


//var path="UserControls/"//删除按钮路径 
var inputCount = 1; //控件个数,实际上传数少一个,  
var Allupfiled = 0; //总共上传 
var Endupfiled = 0; //已上传 
var allowExtension = "" 
var ua = navigator.userAgent.toLowerCase(); //浏览器信息 
var info = { 
    ie: /msie/.test(ua) && !/opera/.test(ua),        //匹配IE浏览器     
    op: /opera/.test(ua),     //匹配Opera浏览器     
    sa: /version.*safari/.test(ua),     //匹配Safari浏览器     
    ch: /chrome/.test(ua),     //匹配Chrome浏览器     
    ff: /gecko/.test(ua) && !/webkit/.test(ua)     //匹配Firefox浏览器 
}; 
window.onload = SetClick; //加载完成,添加一个控件 
function SetClick() { 
    //if(inputCount>=10) 
    //{ 
    //alert("附件个数不能超过10个!"); 
    //return; 
    //} 
    var container = document.getElementById("fileUpArea"); 
    var input1 = document.createElement("input"); 
    input1.type = "file"; 
 
    //input1.name="file"+inputCount; 
    input1.name = "filesupload"; 
    input1.id = "file" + inputCount; 
    input1.className = "fileinput"; 
 
 
    input1.onchange = function (event) { 
        if (this.value) { 
            var k = this.value.lastIndexOf("\\"); 
            var str = this.value.substring(k + 1); 
            //判断上传文件类型 
            if (!CheckFileExtension(str)) return false; 
            var divs = document.getElementById("filetxt").getElementsByTagName("div"); 
            var check = false; 
 
 &nbs

    相关新闻>>

      发表评论
      请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
      用户名: 验证码:点击我更换图片
      最新评论 更多>>

      推荐热点

      • 浅析.NET下XML数据访问新机制
      • asp.net 面试+笔试题目第1/2页
      • C# 邮件地址是否合法的验证
      • C#高级编程:数据库连接[1]
      • asp.net 设置GridView的选中行的实现代码
      • 经典C++程序1
      • IIS 自动回收导致后台定时器失效的问题解决
      • ASP.NET GridView列表代码示例
      • 微软ASP.NET站点部署指南(3):使用Web.Config文件的Transforma
      网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
      Copyright © 2008-2015 计算机技术学习交流网. 版权所有

      豫ICP备11007008号-1