WEB开发网
开发学院网页设计JavaScript 仿163网盘无刷新文件上传系统 阅读

仿163网盘无刷新文件上传系统

 2010-09-14 13:25:05 来源:WEB开发网   
核心提示: 在点击这个a时后会出现一个虚线框,在这里显然不太美观,仿163网盘无刷新文件上传系统(10),可以把outline设为none来去掉,可是ie又不支持,就是处理传递过来的文件数据,这里像js + .Net 图片切割系统那样使用ashx文件处理IHttpHandler发送过来的数据,在网上找

在点击这个a时后会出现一个虚线框,在这里显然不太美观,可以把outline设为none来去掉,可是ie又不支持,在网上找到一个方法ie可以把hideFocus设为true来隐藏聚焦(即不显示这个虚线框,hideFocus可以在js或html中设置,也可以通过expression放到css中:

Code

a.files, a.files input {
  outline:none;/*ff* /
  hide-focus:expression(this.hideFocus=true);/*ie* /
}

这样完全模拟了163网盘的效果了。

【后台】

前台基本完成了,就到后台啦。后台的功能很简单,就是处理传递过来的文件数据。

这里像js + .Net 图片切割系统那样使用ashx文件处理IHttpHandler发送过来的数据。

程序很简单,就直接贴代码了:

Code

int iTotal = context.Request.Files.Count;
  
if (iTotal == 0)
{
  _msg = "没有数据";
}
else
{
  int iCount = 0;
  
  for (int i = 0; i < iTotal; i++)
  {
    HttpPostedFile file = context.Request.Files[i];
  
    if (file.ContentLength > 0 || !string.IsNullOrEmpty(file.FileName))
    {
      //保存文件
      file.SaveAs(System.Web.HttpContext.Current.Server.MapPath("./file/" + Path.GetFileName(file.FileName)));
  
      //这里可以根据实际设置其他限制
      if (++iCount > UploadFileLimit)
      {
        _msg = "超过上传限制:" + UploadFileLimit;
        break;
      }
    }
  }
}

上一页  5 6 7 8 9 10 

Tags:网盘 刷新 文件

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接