如何查看html表单提交后的信息,HTML处理上传文件后台返回的信息 form表单提交文件后返回的信息处理方法...

HTML处理上传文件后台返回的信息 form表单提交文件后返回的信息处理方法  业务需求：需要提供上传文件的功能，因为使用了前端框架，上传文件的页面是以iframe窗口的形式在文件列表页打开，用户需要选择要上传的我文件，然后填写文件的信息，点击提交后文件会被保存到服务器上，并且生成文件记录保存到数据库里，试了很多方法都不能同时满足以上几点要求，于是就有了下面的曲线实现的方法。

首先列一下问题的难点：

01.需要实现文件上传与文件信息表单同时发送到后台

02.后台保存成功后需要返回成功的参数

03.前段接收到返回的参数后要关闭弹窗

04.参考网上方法使用ajax上传文件时各种报错

综合解决办法：使用传统的表单实现文件与文件信息的数据发送，使用一个隐藏的iframe来接受返回的数据，解析返回的数据内容来判断是否成功，然后使用js关闭框架的弹窗。

代码实现：

id="uploadForm" method="post" enctype="multipart/form-data"  action="/loanAndSubsidy/documentAdd.do" target="hidden_frame">

选择文件

文件名*

描述*

js代码：

//自动填写文件名

function change() {

var obj = document.getElementById("file");

var len = obj.files.length;

for (var i = 0; i < len; i++) {

var temp = obj.files[i].name;

$("#documentName").val(temp);

}

}

//返回的数据处理

$('#hidden_frame').load(function(){

var text=$(this).contents().find("body").text();

// 根据后台返回值处理结果

var result=$.parseJSON(text);

if (result.success) {

window.parent.location.reload();

parent.layer.close(window.parent.addLayerIndex);

} else {

window.parent.layer.alert("上传失败，请稍后重试！",{icon:2});

}

});

整个文件上传的方法我写了另外一篇文章，感兴趣的可以去看一下，以上就是关于 HTML处理上传文件后台返回的信息 form表单提交文件后返回的信息处理方法 的全部内容了，喜欢的小伙伴别忘了点赞分享一下哦，关注优讯网，优讯有你更精彩！