html实现表单 跨域提交,From表单跨域提交文件。

index.html页

维护

导入

这是index.html页的js

function newData(){

var url = './updateApp.html';

openWin(getNoCacheUrl(url),'添加报文');

}

function openWin2(url,title){

$('#win2').dialog({

title: title,

content:'',

width:750,

height:'90%',

modal:true ,

collapsible:true,

//minimizable:true,

maximizable:true,

resizable:true,

buttons:[{

text:'关闭',

iconCls:'icon-cancel',

handler:function(){

$('#win2').dialog('close');

}

}]

});

}

这个是updateApp.html页

导入

添加:

updateApp.html的js;`

$(function(){

$(document).on("change", "#import", function () {

var file=$(this).val();

$(".add_msg").html(file)

})

$("#del").click(function(){

var obj = document.getElementById('add_imp') ;

obj.outerHTML=obj.outerHTML;

$(".add_msg").html("");

})

var _isClickBtn = false;

function saveData(){

if(!$('#dataForm').form('validate'))return false;

if(_isClickBtn)return;

_isClickBtn = true;

var url = '';

var method = '';

if(!$('#dataForm input[name="id"]').val()){

url = MSG_META_CREATEITEM_URI;

method = POST_METHOD;

}else{

url = MSG_META_UPDATEITEMBYID_URI;

method = PUT_METHOD;

}

var postData = $("#dataForm").serializeObject();

postData = JSON.stringify(postData);

$.messager.progress({

title : '提示',

text : '数据处理中，请稍后....'

});

restSet(url, method, postData, function(result){

_isClickBtn = false;

if (result.errorInfo){

$.messager.show({

title: '错误提示',

msg: result.errorInfo

});

} else {

parent.closeWin();

}

});

}

在上传文件的时候，由于上传为文件的缘故 var postData = $("#dataForm").serializeObject(); 此代码无效，因为上传的文件无法序列化，所以index.html页面的iframe也接收不到文件，故无法进行上传文件大到后台，请问各位大神是否有可行的方案(项目要求后端只提供数据，不做页面跳转。页面跳转只能前端控制)？