首页 > Web开发 > 详细

异步上传文件

时间:2015-04-14 22:56:43      阅读:234      评论:0      收藏:0      [点我收藏+]

 

 1 ; (function ($) {
 2         $.fn.UpLoadFileSSY = function (userOption) {
 3             var option = {
 4                 posturl: "",//上传路径
 5                 callblackfunction: function () { }//回调函数
 6             };
 7             var options = $.extend({}, option, userOption || {});
 8 
 9             var file = $(this);
10             file.change(function () {
11                 var iframe_form = "<iframe id=‘UpLoadFileSSYIframeForId‘ name=‘UpLoadFileSSYIframeForName‘ style=‘display:none;‘></iframe><form id=‘UpLoadFileSSYFormForId‘ method=‘post‘ target=‘UpLoadFileSSYIframeForName‘ action=‘‘ enctype=‘multipart/form-data‘></form>";
12                 $(document.body).append(iframe_form);
13 
14                 var fileParent = file.parent();
15 
16                 var form = $("#UpLoadFileSSYFormForId");
17                 var iframe = $("#UpLoadFileSSYIframeForId");
18 
19                 form.attr("action", options.posturl);
20                 form.append(file);
21                 form.submit();
22 
23                 iframe.load(function () {
24                     file.appendTo(fileParent);
25                     var result = iframe.contents().find(‘body‘).html().replace(/\<[^\>]*\>([^\<]*)\<[^\>]*\>/g, function ($0, $1) { return $1; });//todo  这里其实可以不用正则过滤的
26                     options.callblackfunction.call(this, eval(result));
27                     iframe.remove();
28                     form.remove();
29                 });
30             });
31         }
32     })(jQuery);

 

异步上传文件

原文:http://www.cnblogs.com/bbvi/p/4426189.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!