[S3-E373]Ajax文件异步上传，Html5实现

文章预览

 1 简介 开发文件上传功能从来不是一件愉快的事，异步上传更是如此，使用过iframe和Flash的上传方案，也都感觉十分的别扭。本文简要简绍利用Html5的FormData实现文件的异步上传，还可以实现上传进度条和文件大小验证等。服务端使用springMVC的方案进行处理。 2 Html代码         3 JQuery上传 $("#submit-btn").on('click', function() {     $.ajax({         url:"/test/upload",         type:"post",         data:new FormData($("#myForm").get(0)),         //十分重要，不能省略         cache: false,         processData: false,         contentType: false,         success: function () {             alert("上传成功！");         }     }); }); 4 JQuery文件大小验证 文件大小的及相应行为的控制，需根据需要自行处理 ………………………………