• 文件上传and富文本页面


    文件上传功能:

    1。首先在index.jsp的界面上初始化一个表单。

      

    <body>
            <form  enctype="multipart/form-data" action="<%=path%>/1.jsp" method="post">
                姓名:<input type="text" name="username"/>
      选择文件:<input type="file" name="myfile"/>
          <input type="submit" value="提交"/>
            </form>
    </body>
    初始化表单

    2.在web-root的根目录下创建一个1.jsp,实现文件上传功能

    <%@page import="java.io.File"%>
    <%@page import="org.apache.commons.fileupload.FileItem"%>
    <%@page import="org.apache.commons.fileupload.disk.DiskFileItemFactory"%>
    <%@page import="org.apache.commons.fileupload.servlet.ServletFileUpload"%>
    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
    <%
       //判定request请求的类型
         request.setCharacterEncoding("utf-8");
        boolean flag= ServletFileUpload.isMultipartContent(request);
         if(flag)
         {
             DiskFileItemFactory factory=new DiskFileItemFactory();
            //找到一个解析器,解析请求中的各个项目
             ServletFileUpload upload=new ServletFileUpload(factory);//解析器的创建
             List<FileItem> list=upload.parseRequest(request);//使用解析器解析请求的数据
             Iterator<FileItem> myitor= list.iterator();//自动迭代的功能
             while(myitor.hasNext())
             {
                    FileItem item=myitor.next();
                    if(item!=null)
                    {
                      //判断FileItem对象封装的数据类型,文件表单或普通表单字段
                      if(item.isFormField())//普通表单
                      {
                       String name= item.getFieldName();//获取表单的name属性
                       if(name.equals("username"))
                       {
                          out.print(item.getString("utf-8"));
                       }
                      }
                      else
                      {
                        String name=item.getName();//获得文件名
                        out.print(name);
                        String path="/WEB-INF/upload/";//相对路径名
                        String path2=this.getServletContext().getRealPath(path);//通过相对路径名来获得绝对路径名
                        out.print(path2);
                        File file=new File(name);
                        File uploadpath=new File(path2,file.getName());
                        item.write(uploadpath);//向该路径写入文件
                        out.print("上传成功");
                      }
                    }
             }
         }
    
     %>
    创建文件

    富文本文件:

    1.创建一个moneyText.jsp页面,将下载的ckeditor文件夹copy到web-inf文件夹下

     <script type="text/javascript" src="ckeditor/ckeditor.js"></script>
      <body>
      <form action="/fileInfo/success.jsp" method="post">
        <textarea class="ckeditor" name="txtConent"></textarea>
        <input type="submit" value="提交"/>
        
      </form>
    </body>
    创建文件夹

    2.创建一个sucess页面用来展示moneyText.jsp富文本传递过来的数据

     <%
             request.setCharacterEncoding("utf-8");
       %>
      <script type="text/javascript" src="ckeditor/ckeditor.js"></script>
      <body>
        <textarea class="ckeditor" name="Conent"><%=request.getParameter("txtConent")%></textarea>
      </body>
    传递数据
  • 相关阅读:
    20170602
    使用布局规划页面
    商品的删除
    修改页面的 修改图片
    商品修改
    引入行高亮显示
    添加一个时间插件: 1.把插件放到 public目录 下 datetimepicker
    排序,搜索 代码
    搜索
    翻页代码,商品列表页;
  • 原文地址:https://www.cnblogs.com/zsping/p/5638261.html
Copyright © 2020-2023  润新知