0 0

关于jsp上传图片后跳转到下个页面,页面的javascript失效的奇怪问题20

如果给的建议能解决问题将追加更多的分。

javascript实现的功能如下见附件图片,能显示图片,能上传,但是选了文件上传后,再次回到此页面的时候 下面的这些就都不见了。因为Prepare函数没有触发。

用的是struts2,首次进入页面,很正常,用javascript显示的上传图片的按钮 组件什么的都正常显示,但是当我选了一个图片上传,点击保存,然后后台保存完之后还是跳回到这个页面,这时候window.onload=Prepare;就不执行了,图片也不显示了,好像javascript都失效了。 但是如果不上传图片,直接点击保存的话跳回来页面还是能正常显示的,只有在传了图片后页面才不正常。但是后台的保存图片什么的没有什么问题的而且也没什么关系,不知道问题在哪。 下面是代码,

<script type="text/javascript">// <![CDATA[ window.onload=Prepare; function Prepare(){ var str,filestr=""; // var address='<s:property value="myUser.photoaddress" />'; var address=document.getElementById("photoaddress").value; var pic=address.split(','); var li=" "; if(pic!=''){ for( var i=0; i< pic.length; i++){ li=li+'<li><img src="images'+pic[i]+'" width="61" height="61"/><input type="button" value="删除" onclick="delphoto('+i+')" /></li>'; } } str='<ul id="gallery">'+li+'</ul>'; if(pic!=''){ for(var j=0;j<4-pic.length;j++){ filestr+='<p><s:file name="photo" ContentEditable="false" theme="simple"/></p>'; } }else{ for(var j=0;j<4;j++){ filestr+='<p><s:file name="photo" ContentEditable="false" theme="simple"/></p>'; } } document.getElementById("divHtml").innerHTML=str; document.getElementById("dfile").innerHTML=filestr; } function delphoto(i){ var address=document.getElementById("photoaddress").value; var pic=address.split(','); if(i==pic.length-1){ if(pic.length==1){ address=address.replace(pic[i], ''); }else{ address=address.replace(','+pic[i], ''); } }else{ address=address.replace(pic[i]+',', ''); } //ajaxtool.deletePhoto(pic[i],function(data){///ajax调用后台删除方法 // }); var delep=document.getElementById("deletedphoto"); delep.value=delep.value+pic[i]+","; var p=document.getElementById("photoaddress"); p.value=address; Prepare(); } // ]]></script>
2013年4月23日 14:42
  • 大小: 10.2 KB

3个答案 按时间排序 按投票排序

0 0

采纳的答案

在【function Prepare(){】上面和下面各写一个alert语句,能否执行呢

2013年4月23日 14:49
0 0

<img src="images'  请改成绝对路径试试 估计上传成功后 你是使用forward显示  此时计算相对路径可能出问题

2013年4月23日 16:23
0 0

上传后到页面把<s:property value="myUser.photoaddress" />alert出来看看都是什么

2013年4月23日 14:58

相关推荐

    网站页面自动跳转实现方法

    网站页面自动跳转是网页开发中的常见功能,用于在用户打开一个页面后,经过一段时间或者特定条件触发,自动转向另一个页面。这种技术在各种场景下都有应用,比如页面更新、错误处理、重定向等。本篇文章将深入探讨...

    SpringBoot页面跳转访问css、js等静态资源引用无效解决.docx

    在SpringBoot应用中,开发人员经常遇到一个常见问题,即在尝试访问页面时,CSS、JavaScript等静态资源引用失效。这通常是因为SpringBoot的默认资源配置导致的。在本篇文章中,我们将深入探讨这个问题的原因以及解决...

    Jsp中解决session过期跳转到登陆页面并跳出iframe框架的方法

    本文将介绍如何在JSP中设置session超时后跳转到登录页面,并解决iframe框架跳出的问题。 首先,我们考虑如何在session超时后重定向到登录页面。这可以通过使用过滤器(filter)来实现。过滤器是一种可以拦截请求和...

    jsp文件中引用外部.css或.js文件的路径问题.pdf

    这种方法的优点是可以在action跳转到test.jsp页面时依然能够引用到外部文件,但是有一个缺点,就是如果我们直接访问test.jsp页面,这种方式就失效了。 使用Web工程的绝对路径 前两种方法都有缺点,都是只适用于...

    网站页面自动跳转实现方法PHP、JSP(上)

    在互联网时代,网站页面自动跳转技术是网页设计中的一项重要功能,它允许开发者根据特定条件将访问者从当前页面自动引导至另一个指定的页面。自动跳转技术在多种场景下得以应用,如提升用户体验、优化网站结构、处理...

    风吟PHP 网站跳转代码在线生成.rar

    在互联网世界中,网站跳转是一种常见的技术手段,用于引导用户从一个页面自动跳转到另一个页面。这在网站迁移、域名更换、页面优化等场景中非常实用。"风吟PHP 网站跳转代码在线生成"工具正是为了解决这个问题而设计...

    struts 1.2 跳转后css或js 无效解决方法

    在使用Struts 1.2框架开发Web应用时,可能会遇到跳转到新的页面后,某些CSS样式或者JavaScript脚本失效的问题。这通常是由于资源加载路径设置不当造成的。下面将详细介绍这一问题的原因、解决方案以及如何确保Action...

    详解springmvc控制登录用户session失效后跳转登录页面

    当用户的session失效,即用户在一段时间内未与服务器交互,为了防止潜在的安全问题,需要及时将用户重定向到登录页面,要求他们重新登录。本文将详细讲解如何在Spring MVC中实现这一功能。 首先,我们需要在`web....

    网络电子书店(jsp+servlet+javaBean)

    【网络电子书店(jsp+servlet+javaBean)】是一个典型的Web应用程序开发案例,它结合了Java Server Pages(JSP)、Servlet以及JavaBeans组件技术来构建一个功能完善的在线图书销售平台。这个项目对于学习和理解Java ...

    JAVA-复习终结版.doc

    JAVA-复习终结版.doc文档涵盖了Java和JavaScript两个主要的编程语言相关知识点,以及与Web开发相关的HTML、XML解析和JSP技术。以下是这些知识点的详细解释: 1. **HTML表单元素**: - `&lt;INPUT&gt;`标签用于创建各种...

    javascript window.open打开新窗口后无法再次打开该窗口问题的解决方法

    在探讨如何解决使用JavaScript的window.open方法打开新窗口后无法再次打开该窗口的问题之前,我们先要了解window.open方法的基本用途和作用。window.open是JavaScript中非常重要的一个方法,它可以用来打开一个新的...

    JSP学习笔记

    - 服务器跳转(`&lt;jsp:forward&gt;`):直接跳转到指定页面,保持request和session范围内的数据不变。 - 客户端跳转(`response.sendRedirect`):生成新的HTTP请求,原request和session范围内的数据可能丢失。 #####...

    jsp实现简单用户7天内免登录.docx

    根据提供的文档信息,我们可以深入探讨如何使用JSP技术来实现一个简单的用户在七天内无需再次登录的功能。这种功能在很多网站上都有应用,能够极大地提升用户体验,减少重复操作。 ### JSP简介 JSP(JavaServer ...

    ajax提交session超时跳转页面使用全局的方法来处理

    总结来说,处理AJAX请求时的Session超时问题,主要分为两步:一是服务器端检测并标记Session超时,二是客户端监听响应并根据标记进行页面跳转。这种方法可以确保无论用户何时何地发起AJAX请求,一旦Session超时,都...

    javaweb客户端脚本程序.pdf

    反之,如果验证成功,会使用`response`的重定向方法让用户跳转到success.jsp,其中使用`application`对象记录登录次数。 4. **Application**:Application对象在整个Web应用程序的生命周期内都有效,与Session不同...

    jsp实现用户自动登录功能

    如果没有,但收到了包含认证信息的Cookie,服务器将根据Cookie重新创建Session,并跳转到用户上次访问的页面,实现自动登录。 下面是一个简化的`login.jsp`的片段,展示了如何处理登录表单提交和创建Cookie: ```...

    软件架构平台技术重点.doc

    软件架构平台技术是互联网应用开发中的关键组成部分,它涉及到多种技术和概念,如JSP、Servlet、JavaBean、Servlet过滤器、JDBC、数据库连接池、Model 1和MVC架构模式,以及AJAX技术。 首先,Servlet是一种在服务器...

    成功的验证码案例-----struts验证码demo

    通常,这个页面会通过JavaScript设置一个隐藏字段来存储验证码的值,以便在后续提交时验证。 - **显示表单页面**:可能名为`input.jsp`,展示一个表单让用户输入看到的验证码。这个页面会引用生成验证码页面,以...

Global site tag (gtag.js) - Google Analytics