码迷,mamicode.com
首页 > Web开发 > 详细

前端实现页面无刷新 文件上传下载

时间:2015-11-17 00:10:00      阅读:451      评论:0      收藏:0      [点我收藏+]

标签:

上传:

  1.html5 的FormData对象实现

  

var fd = new FormData(document.getElementById("fileinfo"));
fd.append("CustomField", "This is some extra data");
$.ajax({
  url: "stash.php",
  type: "POST",
  data: fd,
  processData: false,  // 告诉jQuery不要去处理发送的数据
  contentType: false   // 告诉jQuery不要去设置Content-Type请求头
});

  参考链接:

    http://itindex.net/blog/2012/04/14/1334367483953.html

    http://ileson.iteye.com/blog/2099761

    http://www.oschina.net/code/snippet_200893_26533

  2.iframe 把url给iframe的src属性

  3.flash

下载:

  如果是excel, word之类的可以直接用<a href="http://xxxx" ></a>实现下载

  如果是图片的话,采用以上方法会跳转,所以也会用iframe来实现,类似以下这样:

_handleDownload: function(){
        document.getElementById("ifile").src="http://localhost:8000/av1.png";
    },  
<a href="javascript:void(0)" onClick={_self._handleDownload}>下载</a>

 

前端实现页面无刷新 文件上传下载

标签:

原文地址:http://www.cnblogs.com/susan-90/p/4970423.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!