iframe实现无刷新上传文件

2024年4月3日 179次阅读 来源: 冰剑

HTML代码 index.html

<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>

JAVA代码 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＞"); 
} 
%>

jar文件

在列表中找到jspsmartupload.jar（提取码：c3c3）并下载。

    原文作者：冰剑
    原文地址: https://segmentfault.com/a/1190000000355859
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞