首页 > Web开发 > 详细

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

时间:2015-11-17 00:07:35      阅读:402      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!