1、文件上傳，圖片上傳，第三方uploadify插件，http://www.uploadify.com/about/
2、用iframe上傳文件，提交表單，主要思路就是：
a、js創建form表單，iframe，添加到body里，form的target要和iframe的name一致。
b、form表單里更新數據，submit提交
c、如果上傳文件，圖片，form里面添加 input-file 元素，綁定onchange事件，js觸發，在onchange里面添加submit事件
d、關于回調：iframe提交成功后，返回的數據在iframe子頁面的里面，可以這樣獲取，需要拆分：
$iframe[0].contentWindow.document.querySelector('body').innerHTML
代碼片：
var target = 'frameFile';var input = '<input type="file" name="file" onchange="changeImage()">' + '<input name="appId" value="'+id+'">' + '<input type="submit" name="submit" value="submit">';var $form = $('<form action="'+ url +'" target="'+ target +'" enctype="multipart/form-data" method="post" id="upImageForm" style="display:none">'+input+'</form>').appendTo('body');var $iframe = $('<iframe name="'+ target +'" style="display:none"></iframe>').appendTo('body');$form.find('input').eq(0).click();window.changeImage = function(){ $form.find('input').eq(-1).click();};//檢測iframe頁面load$iframe.load(function(e){ var str = $iframe[0].contentWindow.document.querySelector('body').innerHTML; var data = spt(str); $form.remove(); $iframe.remove(); callback(data);});function spt(str){ //字符串拆成對象 var a = str.indexOf('{'); var b = str.indexOf('}'); var j = {}; var t = []; var s = str.substring(a+1,b); s = s.replace(/"/gi,''); t = s.split(','); for(var i=0; i<t.length; i++ ){ var tmp = t[i].split(':'); j[tmp[0]] = tmp[1]; }; return j;};2-c修正，以上代碼有bug：
手動觸發input-file的onchange事件，在事件里面submit，這做法有問題。因為觸發onchange事件，選擇才開始，submit就已經提交了。
上傳功能，form表單元素只能放到html里。
以上這篇文件上傳,iframe跨域數據提交的實現就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持武林網。
新聞熱點
疑難解答
