jsp页面上传图片文件到服务器页面无刷新的技巧

最新推荐文章于 2024-06-28 10:56:15 发布

moon__stone888888

最新推荐文章于 2024-06-28 10:56:15 发布

阅读量5.3k

点赞数

本文链接：https://blog.csdn.net/moon__stone888888/article/details/51922789

版权

本文介绍了如何在JSP页面中实现图片文件上传到服务器，过程中页面无刷新，通过分析test.html页面源码、struts.xml配置以及ImageUploadAction.java的代码实现来详细讲解这一技术。

摘要由CSDN通过智能技术生成

最近做SSH项目碰到一个问题，我在页面上想上传一个图片文件到服务器，但是在上传前希望能在页面上看到图片的预览。查了一下资料，发现有几种方式可以完成这个功能。一种是通过javascript来实现这个预览的功能，但是这种方法对浏览器有限制，有的浏览器用此方法无效。一种是通过ajax实现，还有一种就是通过无刷新页面上传文件到服务器，通过显示服务器上的临时图片文件也可以实现预览的效果。

下面讲的就是最后一种方式。先看页面文件test.html源码：

<!DOCTYPE html>
<html>
  <head>
    <title>test.html</title>
	
    <meta name="keywords" content="keyword1,keyword2,keyword3">
    <meta name="description" content="this is my page">
    <meta name="content-type" content="text/html; charset=GB18030">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

<script type="text/javascript">
function callback(msg)   
{   
    document.getElementById("file").outerHTML = docum