JSP文件上传 无刷新

 本文转自http://www.iteye.com/topic/81120  网上搜了半天才才找到个想要的,个人觉得不错就转过来了。

 

 要带参数的话就给button添加js事件,如

 

  方法1:

var f = document.getElementById("form1");
      f.action='terminal_import_action.jsp?serviceId='+serviceId;
      f.submit();

  方法2:

   <input type="hidden" id="idOrName_" name="idOrName_"/>

然后action页面用

String idOrName =request.getParameter("idOrName_").trim();
 

 

上传主页面:

<html>
<body>
<form action="upload.jsp" id="form1" name="form1" encType="multipart/form-data"  method="post" target="hidden_frame" >
<input type="file" id="file" name="file" style="width:450">
<INPUT type="submit" value="上传文件"><span id="msg"></span>
<br>
<font color="red">支持JPG,JPEG,GIF,BMP,SWF,RMVB,RM,AVI文件的上传</font>              
<iframe name='hidden_frame' id="hidden_frame" style='display:none'></iframe>
</form>

</body>
</html>

<script type="text/javascript">
function callback(msg)
{
document.getElementById("file").outerHTML = document.getElementById("file").outerHTML;
document.getElementById("msg").innerHTML = "<font color=red>"+msg+"</font>";
}
</script>

 

 

处理页面upload.jsp

<%@ page language="java" contentType="text/html; charset=gb2312" %>    
<%@ page import="com.jspsmart.upload.SmartUpload"%>    
   
<%    
    //新建一个SmartUpload对象    
    SmartUpload su = new SmartUpload();    
   
    //上传初始化    
    su.initialize(pageContext);    
   
    // 设定上传限制    
    //1.限制每个上传文件的最大长度。    
    su.setMaxFileSize(10000000);    
   
    //2.限制总上传数据的长度。    
    su.setTotalMaxFileSize(20000000);    
   
    //3.设定允许上传的文件(通过扩展名限制),仅允许doc,txt文件。    
    su.setAllowedFilesList("doc,txt,jpg,rar,mid,waw,mp3,gif");    
        
    boolean sign = true;    
        
    //4.设定禁止上传的文件(通过扩展名限制),禁止上传带有exe,bat,jsp,htm,html扩展名的文件和没有扩展名的文件。    
    try {    
        su.setDeniedFilesList("exe,bat,jsp,htm,html");    
   
        //上传文件    
        su.upload();    
        //将上传文件保存到指定目录    
        su.save("c:\\");   
  
    } catch (Exception e) {   
        e.printStackTrace();   
        sign = false;   
    }   
    if(sign==true)   
    {   
        out.println("<script>parent.callback('upload file success')</script>");   
    }else   
    {   
        out.println("<script>parent.callback('upload file error')</script>");    
    }    
%>  

 

 

 

JSP无刷新文件上传的实现 JSP无刷新文件上传的实现JSP无刷新文件上传的实现JSP无刷新文件上传的实现JSP无刷新文件上传的实现 立即下载

相关推荐

纯jsp实现文件上传(页面无刷新,表单数据可连续填写最后上传文件)

这是一个纯jsp实现的文件上传功能. 无页面刷新,表单数据可以依次连续填写,最后上传文件. 文件上传后将文件名和上传路径返回,供业务保存DB使用.

JSP实现不刷新上传文件

<br />参考资料:http://www.javaeye.com/topic/81120<br /><br />文章写出来就是方便自己记忆,也给大家介绍点东西,其实上面的链接里面已经讲的很清楚了。<br /><br />  这一段时间在研究AJAX方面的一些东西,就像大家所知道的那样,AJAX最大的特点就是可以不刷新页面而实现数据的通信及更改页面信息。那么用AJAX进行后台通信传递字符串还是可以的,遇到上传文件该怎么办呢?基于安全考虑JS是不能直接进行文件操作的,那么我们该怎么办呢?只好又原始的FORM来

快乐就好 4615

jsp无刷新上传文件

出于安全考虑js是不能操作文件的,而ajax与后台通信都是通过传递字符串所以在jsp中使用iframe实现无刷新提交文件

java实现web文件无刷新上传(一)

最近在做如何实现文件上传的相关工作,查阅了很多资料,发现网上写的都不是很直观,且调试复杂,经实验成功。 把form的target设为页面里一个看不见的iframe,这样上传时候就不会刷新页面了,比如 :&lt;form action="uploadFile" method="post" enctype="multipart/form-data" target="uplo...

我是传奇 228

jsp+jquery页面无刷新异步登录的一个小例子

jsp+jquery 页面无刷新异步登录~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

jsp页面无刷新上传文件

NULL 博文链接:https://liuzhilei92.iteye.com/blog/2126770

ajax iframe jsp 无刷新上传文件

首先要说的就是 ajax 是无法实现上传文件的,可以想一下ajax与后台通信都是通过传递字符串,怎么能传递文件呢?其实出于安全考虑js是不能操作文件的,所以就不要再说用ajax来实现文件的上传了,这是不可能的。    而本文实现的文件上传也是无页面刷新的,可以说是一种"类似AJAX"方法。    开始之前先说两句无关的,其实在ajax出现之前,web应用也可以是无刷新的,那时大多通过IFrame来

xuewei97的专栏 1118

Win10系统下海思SS928开发板烧写工具ToolPlatform-1.0.11安装避坑指南

本文详细介绍了在Windows 10系统下安装和配置海思SS928开发板烧写工具ToolPlatform-1.0.11的完整流程与避坑指南。核心解决了JVM内存配置导致的界面卡顿、闪退问题,并提供了驱动安装、硬件连接、镜像烧写的实战步骤,帮助嵌入式开发新手快速搭建稳定的烧写环境。

kite3的博客 454

jsp开发无刷新文件上传程序代码

jsp开发无刷新文件上传程序代码 源代码下载地址:http://www.zuidaima.com/share/1550463484660736.htm

springmvc_springdata的专栏 1130

Web渗透(一)CRLF注入简介

CRLF注入简介1、基础知识2、原理分析3、漏洞挖掘4、防御手段5、CRLF Payload: 1、基础知识 HTTP报文结构 从上图可以看到:HTTP报文由三部分组成:状态行、首部、主体。 可以看到状态行和首部中的每行都是以回车符(\r,%0d,CR)和换行符(\n,%0a,LF)结束。 十六进制编码分别为0x0d和0x0a,URL编码为%0D和%0A 这是因为HTTP规范中行应该使用CRLF结束。另外,首部和主体由两个CRLF分隔。 2、原理分析 CRLF是 “ 回车+换行 ”(\r\n)的简称。

weixin_39157582的博客 6826

豆包大模型API调用两种方法

ps: 因为是自用,所以这里图方便采用硬编码密钥的形式;如果有需求/安全风险,建议参考官方教程设置ARK_API_KEY环境变量的方式。坏处是:看别人的教程走了一大圈弯路hh;基础调用的话方法一就可以满足了,也比较方便快捷,容易上手。将 <Model> 替换为 Endpoint ID即可。创建就按照提示填写信息就行,需要实名认证,有免费额度。绿框框里就是Endpoint ID。

kkkkkkkkkasey的博客 1万+

纯JSP带进度条无刷新的文件上传处理

常见的文件上传,如果需要显示进度条,则往往采用Ajax实现,以避免页面的刷新。经过摸索,编写出了纯JSP实现的带进度条的文件上传处理,有一下特点: 1、纯JSP代码编写,能够实现单文件上传处理。2、带进度条,上传时页面无需刷新。采用了比较巧妙的方式实现了无刷新处理。3、代码比采用Ajax方式简单很多。4、支持中文文件名。5、在Tomcat7.0上调试通过,若要支持Tomcat6.0以下版本,则只需要简单修改一下项目的web.xml文件,在里面配置一下Servlet即可。上传效果图所示。。。。

一杯闲的专栏 4883

从零开始搭建GD32F103CBT6开发环境:VSCode配置与实战技巧

本文详细介绍了如何从零开始为国产MCU GD32F103CBT6搭建高效的VSCode开发环境。内容涵盖工具链安装、VSCode核心插件配置、工程目录结构规划、关键配置文件编写以及Makefile实战,旨在帮助开发者摆脱传统IDE束缚,利用现代化工具链提升嵌入式开发效率。

weixin_29158413的博客 448

jspsmartupload ajax,JSP_jsp无刷新文件上传的实现,本想利用AJAX实现无刷新文件上 - phpStudy...

jsp无刷新文件上传的实现本想利用AJAX实现无刷新文件上传,后来发现不易实现,在网上找了很久,终于找到一个“伪AJAX”的实现方式,现在发出来我实际的代码,一飨读者。首先我们需要一个上传的HTML或者JSP文件,如下:支持JPG,JPEG,GIF,BMP,SWF,RMVB,RM,AVI文件的上传其中FORM的TARGET属性[b]非常重要[/b],把FORM的ACTION提交到一个隐藏的IFRA...

weixin_39949473的博客 379

新手友好!C#上位机调用YOLO实现设备异常检测(详细步骤,附踩坑指南)

C#上位机调用YOLO实现设备异常检测,核心是把“工控交互”和“AI检测”的优势结合起来,新手不用追求一步到位,先跑通基础流程,再逐步优化性能和功能。我当初也是从踩坑中过来的,只要把核心链路和细节摸透,其实门槛并没有想象中高。如果你们在实操中遇到了具体问题(比如相机取流卡顿、模型推理报错),可以在评论区留言,后续我也可以针对性拆解具体模块的完整代码。

这里只有干货:从 Modbus 通信到 MES 对接,从 YOLO 训练到工控机部署,带你搞定工业软件开发全流程。 669

SCI论文发表很容易【5】:比较容易中的期刊

整理了一些经管方面比较容易中稿的期刊,可供大家参考

qq_25018077的博客 1679

JSP 无刷新文件上传 类似AJAX

   ajax 是无法实现上传文件的 , ajax与后台通信都是通过传递字符串     -- index.html   &lt;form action="upload.jsp" id="form1" name="form1" encType="multipart/form-data" method="post" target="hidden_frame" &gt

iteye_20011的博客 225

【Tessy】集成测试小白入门指导

本文详细介绍了如何进行集成测试的小白入门指导,从新建工程到设计用例,实现集成测试的过程详细步骤

qq_37282365的博客 1194

无刷新效果的jsp文件上传的实现

下面介绍的是非AJAX的实现方法,首先我们需要一个上传的HTML或者JSP文件,如下: [code="java"] 支持JPG,JPEG,GIF,BMP,SWF,RMVB,RM,AVI文件的上传 [...

源代码 203

FD.io/VPP — VPP 的实现原理解析

目录 文章目录目录VPPVPP 的关键创新技术数据报文的矢量处理标量报文处理方式I-cache miss 问题矢量数据报文处理方式标量 v.s. 矢量报文处理流程Packet Processing Graph(数据报文处理图)Packet Processing Graph 的处理流程Graph Node Plugin 机制 VPP WIKI:https://wiki.fd.io/view/VPP Docs:https://fd.io/docs/vpp/master/index.html Github:ht

烟云的计算 2593

WINCC7.3破解文件

WINCC7.3硬件够破解文件,有需要的下载!WINCC7.3硬件够破解文件,有需要的下载!

jsp的ajax表单提交方式,jsp ajax提交带文件上传的表单例子

小编还从来没测试过带文件上传的表单来使用ajax来操作了,最多就是一个普通表单了,那如果要碰到需要提交带文件上传的表单要如何操作呢?下面小编为各位介绍一下jsp ajax提交带文件上传的表单例子,大家来看看吧。一般的表单都是通过ajax方式提交,所以碰到带文件上传的表单就比较麻烦。基本原理就是在页面增加一个隐藏iframe,然后通过ajax提交除文件之外的表单数据,在表单数据提交成功之后的回调函数...

weixin_42189611的博客 847

锂电池充电器电路设计 里面有电路

锂电池充电器电路设计 里面有电路 3.7V升压到5V电路设计。

【Jsp】使用AjaxFileUploader与jspsmartupload完成不刷新的Ajax文件上传系统

这个不刷新的Ajax文件上传系统同样可以用来做预览图 虽然预览图完全可以通过不上传图片就完成,但是不刷新的Ajax文件上传系统可以做到上传完图片立即返回上传结果给用户的结果 上次在《【Jsp】使用jspsmartupload完成简单的文件上传系统》(点击打开链接)一文中完成了一个简单的文件上传系统 但是这个文件上传系统过于传统, 上传完文件之后需要跳转到另外一个页面中提交表单,处理表单,然

编程记录,亲测有效 2628

蓝牙模块HM-10手册

蓝牙模块HM-10手册,该手册对蓝牙模块HM-10进行了详细的介绍和使用方法以及一些AT指令。

jre9下载 jdk9

(Java SE Runtime Environment 9.0) 9.0u175 官方最新版 【x86|x64】

类ajax jsp 无刷新上传文件

  首先要说的就是 ajax 是无法实现上传文件的,可以想一下ajax与后台通信都是通过传递字符串,怎么能传递文件呢?其实出于安全考虑js是不能操作文件的,所以就不要再说用ajax来实现文件的上传了,这是不可能的。    而本文实现的文件上传也是无页面刷新的,可以说是一种"类似AJAX"方法。    开始之前先说两句无关的,其实在ajax出现之前,web应用也可以是无刷新的,那时大多通过IFr

NewLand 676

ajax jsp 无刷新上传文件

首先要说的就是 ajax 是无法实现上传文件的,可以想一下ajax与后台通信都是通过传递字符串,怎么能传递文件呢?其实出于安全考虑js是不能操作文件的,所以就不要再说用ajax来实现文件的上传了,这是不可能的。    而本文实现的文件上传也是无页面刷新的,可以

gcj017的专栏 352

使用隐藏的iframe 隐藏form提交,仿AJax无刷新提交,可以实现无刷新上传文件

 首先要说的就是 ajax 是无法实现上传文件的,可以想一下ajax与后台通信都是通过传递字符串,怎么能传递文件呢?其实出于安全考虑js是不能操作文件的,所以就不要再说用ajax来实现文件的上传了,这是不可能的。    而本文实现的文件上传也是无页面刷新的,可以说是一种"类似AJAX"方法。    开始之前先说两句无关的,其实在ajax出现之前,web应用也可以是无刷新的,那时大多通过IFrame

ylqmf的专栏 1万+
上一篇: 文件下载,一句话代码....
下一篇: buffalo入门
fireinjava
博客等级 码龄20年 5粉丝 53原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值