提取上传文件返回的值

最新推荐文章于 2018-11-24 17:40:46 发布

即刻出发

最新推荐文章于 2018-11-24 17:40:46 发布

阅读量739

点赞数

分类专栏： javaweb开发

本文链接：https://blog.csdn.net/a468903507/article/details/11784759

版权

javaweb开发专栏收录该内容

104 篇文章 0 订阅

订阅专栏

 <%@ page language="java" contentType="text/html; charset=UTF-8"

       pageEncoding="UTF-8"%>

<%@ include file="/common/taglibs.jsp"%>

<%@ taglib prefix="sesan" uri="/sesan"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

       <title>ajax异步上传文件实现</title>

      

       <link type="text/css" rel="stylesheet" href="${ctx }/css/main.css"/>

       <link href="${ctx }/css/sesan-portal.css" rel="stylesheet" type="text/css" />

       <script type="text/javascript" src="${ctx }/js/jquery-1.7.2.min.js"></script>

       <style type="text/css">

     #file_upload_return{display:none;width:0;height:0;}

     #file_upload_return_img{width:1200px;margin:0 auto;}

     #file_upload_return_img img{float:left;width:300px;height:300px;}   

       </style>

       <script type="text/javascript">

       $(document).ready(function(){

            //选择文件成功则提交表单

            $("#upload_file").change(function(){

                if($("#upload_file").val() != '') $("#file_form").submit();

            });

            //iframe加载响应，初始页面时也有一次，此时data为null。

            $("#file_upload_return").load(function(){

                var data = $(window.frames['file_upload_return'].document.body).find("font").html();

                //若iframe携带返回数据，则显示在file_upload_return_img中

                if(data != null){

                    $("#file_upload_return_img").append(data.replace(/&lt;/g,'<').replace(/&gt;/g,'>'));

                    $("#upload_file").val('');

                }

            });

        });

       </script>

</head>

<body>

 <form id="file_form" method="post" action="${ctx}/uploadImage/upload_util!uploadFile.do"

 target="file_upload_return" enctype="multipart/form-data">

     <input type="file" name="fileupload" id="upload_file">        <!-- 添加上传文件 -->

 </form>

 <iframe id="file_upload_return" name="file_upload_return"></iframe>    <!-- 提交表单处理iframe框架 -->

 <div id="file_upload_return_img"></div>    <!-- 响应返回数据容器 -->

</body>

</html>

即刻出发

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
提取上传文件返回的值

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> ajax异步上传文件实现 #file_upload_return{disp
复制链接

扫一扫

专栏目录