用户只能等待上传结束，然后浏览器刷新

所有浏览器都支持上面的代码，点击上传按钮后，网页"锁死"，用户只能等待上传结束，然后浏览器刷新，跳到表单的action属性指定的网址。

1.2 iframe上传

　　用户点击submit时，动态插入一个iframe元素

var form = $("#upload-form");

　　form.on('submit',function() {

　　　　// 此处动态插入iframe元素

　　});

　　var seed = Math.floor(Math.random() * 1000);

　　var id = "uploader-frame-" + seed;

　　var callback = "uploader-cb-" + seed;

　　var iframe = $('<iframe id="'+id+'" name="'+id+'" >');

　　var url = form.attr('action');

　　form.attr('target', id).append(iframe).attr('action', url + '?iframe=' + callback);

1.3 ajax上传

　　HTML5提出了XMLHttpRequest对象的第二版，从此ajax能够上传文件了。这是真正的"异步上传"，是将来的主流。

form.on('submit',function() {

　　　　// 此处进行ajax上传

  });

 

　// 检查是否支持FormData

　　if(window.FormData) {　

　　　　var formData = new FormData();

　　　　// 建立一个upload表单项，值为上传的文件

　　　　formData.append('upload', document.getElementById('upload').files[0]);

　　　　var xhr = new XMLHttpRequest();

　　　　xhr.open('POST', $(this).attr('action'));

　　　　// 定义上传完成后的回调函数

　　　　xhr.onload = function () {

　　　　　　if (xhr.status === 200) {

　　　　　　　　console.log('上传成功');

　　　　　　} else {

　　　　　　　　console.log('出错了');

　　　　　　}

　　　　};

　　　　xhr.send(formData);

　　}用户只能等待上传结束，然后浏览器刷新