.AJAX实现删除文件（服务器用jsp代替）

最新推荐文章于 2021-08-09 18:13:42 发布

liangbinny

最新推荐文章于 2021-08-09 18:13:42 发布

阅读量1.3k

点赞数

分类专栏： Ajax 文章标签： jsp 服务器 xmlhttprequest stylesheet url exception

Ajax 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

http://chaoji-liangbin.blog.163.com/blog/static/25239212201061192240909/

对应的js代码：

function deleteSelectItem(oSelect)
  {
   var delItem = "";
       for(var i=0; i<oSelect.options.length; i++)
       {
        if(i>=0 && i<=oSelect.options.length-1 && oSelect.options[i].selected)
        {
         delItem = oSelect.options[i].value;
         oSelect.options[i] = null;
              i --;
             }
      }

DeleteFile.jsp

<%@ page language="java" pageEncoding="UTF-8"%>
<%@page import="java.io.File"%>
<%@page import="java.net.URLDecoder"%>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">

<%
response.setContentType("text/html");
response.setCharacterEncoding("UTF-8");

String filepath = URLDecoder.decode(request.getParameter("path"),"UTF-8");
try {
  File f = new File(filepath);
  if (f.isFile()) {
   f.delete();
   out.println("删除 " + f.getName() + " 成功");
  } else {
   out.println("ERROR,选择的不是一个有效的文件");
  }
} catch (Exception e) {
  out.println("ERROR,文件读取异常!");
}
%>

FileConfig.jsp

<%@ page language="java" pageEncoding="UTF-8"%>
<%@page import="java.io.File"%>
<%!File[] configfiles;%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>配置文件管理</title>
  <link href="../images/common.css" rel="stylesheet" type="text/css"></link>

<style type="text/css">
<!--
  ol,ul ,li {
list-style: none;
}
select {
width: 200px;
}
img {
border: 0;
}

.clear {
clear: both;
height: 1px;
margin-top: -1px;
width: 100%;
}
/*此上面代码是初始CSS模板，下面是新写CSS布局框架代码*/
#header ,#centers ,#footer {
width: 100%;
margin: 0 auto;
clear: both;
font-size: 18px;
font-weight: bold;
}

#header {
height: 20px;
line-height: 32px;
}

#centers {
padding: 8px 0;
height: 160px;
}

#footer {
}

#centers .c_left {
float: left;
width: 200px;
background: #F7F7F7;
margin: 0,0,0,20%;
}

#centers .c_right {
float: left;
width: 80px;
margin: 0,0,0,2px;
padding: 0px;
}
.button {
border: 1px solid black;
width: 80px;
}
-->
</style>
<script type="text/javascript" src="../js/main.js"></script>
</head>

<body>
  <%
   try {
    String filepath = application.getRealPath("/WEB-INF/classes/");
    if (filepath.indexOf("//.//") != -1) {
     int i = filepath.indexOf("//.//");
     filepath = filepath.substring(0, i)
       + filepath.substring(i + 2, filepath.length());
    }
    //System.out.println("配置文件路径:"+filepath);
    File configdir = new File(filepath + "/config");
    if (configdir.isDirectory()) {
     configfiles = configdir.listFiles();
    }
    //System.out.println("configdir:" + configdir.getAbsolutePath());

   } catch (Exception e) {
    e.printStackTrace();
   }
  %>
  <form action="index.jsp" method="post">
   <div id="header">
    文件管理
   </div>
   <div id="centers">
    <div class="c_left">
     <SELECT size="10" id="select" name="select" multiple="single">
      <%
       if (configfiles != null) {
        for (File xmlfile : configfiles) {
      %>
      <option value="<%=xmlfile.getAbsolutePath()%>">
       <%=xmlfile.getName()%>
      </option>
      <%
       }
       }
      %>
     </SELECT>
    </div>
    <div class="c_right">
     <INPUT class="button" type="submit" value=" 打开 " >  
     <INPUT class="button" type="button" value=" 删除 " onClick="deleteSelectItem(document.all.select);">
    </div>
   </div>
   <div id="footer">
    <label id="feedback"></label>
   </div>
  </form>
</body>
</html>

为了支持 send_request("DeleteFile.jsp?path="+delItem);参数可以传中文以及特殊字符（""<>等），有两个地方需要注意，一是 url = encodeURI(url);
url = encodeURI(url);//两次，很关键

两次encodeURI很重要

二是.在发送到得jsp页面里

response.setContentType("text/html");
response.setCharacterEncoding("UTF-8");

String filepath = URLDecoder.decode(request.getParameter("path"),"UTF-8");
这三句话也是非常重要的，得到的字符串才是原始的字符串，连中文和特殊字符都可以传，什么都可以传。

liangbinny

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
.AJAX实现删除文件（服务器用jsp代替）

<br />http://chaoji-liangbin.blog.163.com/blog/static/25239212201061192240909/<br /> <br />对应的js代码：<br /> function deleteSelectItem(oSelect) <br /> {<br /> var delItem = "";<br /> for(var i=0; i<oSelect.options.length; i++)<br /> {<br />
复制链接

扫一扫