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

异步上传文件

时间:2015-04-14 22:58:41      阅读:203      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!