web学习笔记10

• SmartUpload

  第三方上传插件：smartUpload的使用。  

jspSmartUpload组件可以从网上自由下载，压缩包的名字是jspSmartUpload.zip。下载后，用WinZip或WinRAR将其解压到Tomcat的webapps目录下（以Tomcat服务器为例进行介绍）。解压后，将webapps/jspsmartupload目录下的子目录Web-inf名字改为全大写的WEB-INF，这样一改jspSmartUpload类才能使用。因为Tomcat对文件名大小写敏感，它要求Web应用程序相关的类所在目录为WEB-INF，且必须是大写。接着重新启动Tomcat，这样就可以在JSP文件中使用jspSmartUpload组件了。

注意，按上述方法安装后，只有webapps/jspsmartupload目录下的程序可以使用jspSmartUpload组件，如果想让Tomcat服务器的所有Web应用程序都能用它，必须做如下工作：

1．进入命令行状态，将目录切换到Tomcat的webapps/jspsmartupload/WEB-INF目录下。

2．运行JAR打包命令：jar cvf jspSmartUpload.jar com

（也可以打开资源管理器，切换到当前目录，用WinZip将com目录下的所有文件压缩成jspSmartUpload.zip，然后将jspSmartUpload.zip换名为jspSmartUpload.jar文件即可。）

3．将jspSmartUpload.jar拷贝到Tomcat的shared/lib目录下。

我们需要明白，在web项目中，数据库表中的列中存的是文件路径；

图片也要传到服务器上（将本地文件传到服务器项目中，然后将路径存入表字段中）

插件中自带的方法：

File类

这个类包装了一个上传文件的所有信息。通过它，可以得到上传文件的文件名、文件大小、扩展名、文件数据等信息。

File类主要提供以下方法：

1、saveAs作用：将文件换名另存。

原型：

public void saveAs(java.lang.String destFilePathName)

或

public void saveAs(java.lang.String destFilePathName, int optionSaveAs)

其中，destFilePathName是另存的文件名，optionSaveAs是另存的选项，该选项有三个值，分别是SAVEAS_PHYSICAL,SAVEAS_VIRTUAL，SAVEAS_AUTO。SAVEAS_PHYSICAL表明以操作系统的根目录为文件根目录另存文件，SAVEAS_VIRTUAL表明以Web应用程序的根目录为文件根目录另存文件，SAVEAS_AUTO则表示让组件决定，当Web应用程序的根目录存在另存文件的目录时，它会选择SAVEAS_VIRTUAL，否则会选择SAVEAS_PHYSICAL。

例如，saveAs("/upload/sample.zip",SAVEAS_PHYSICAL)执行后若Web服务器安装在C盘，则另存的文件名实际是c:\upload\sample.zip。而saveAs("/upload/sample.zip",SAVEAS_VIRTUAL)执行后若Web应用程序的根目录是webapps/jspsmartupload，则另存的文件名实际是webapps/jspsmartupload/upload/sample.zip。saveAs("/upload/sample.zip",SAVEAS_AUTO)执行时若Web应用程序根目录下存在upload目录，则其效果同saveAs("/upload/sample.zip",SAVEAS_VIRTUAL)，否则同saveAs("/upload/sample.zip",SAVEAS_PHYSICAL)。

建议：对于Web程序的开发来说，最好使用SAVEAS_VIRTUAL，以便移植。

2、isMissing

作用：这个方法用于判断用户是否选择了文件，也即对应的表单项是否有值。选择了文件时，它返回false。未选文件时，它返回true。

原型：public boolean isMissing()

3、getFieldName

作用：取HTML表单中对应于此上传文件的表单项的名字。

原型：public String getFieldName()

4、getFileName

作用：取文件名（不含目录信息）

原型：public String getFileName()

5、getFilePathName

作用：取文件全名（带目录）

原型：public String getFilePathName

6、getFileExt

作用：取文件扩展名（后缀）

原型：public String getFileExt()

7、getSize

作用：取文件长度（以字节计）

原型：public int getSize()

8、getBinaryData

作用：取文件数据中指定位移处的一个字节，用于检测文件等处理。

原型：public byte getBinaryData(int index)。其中，index表示位移，其值在0到getSize()-1之间。

Files类

这个类表示所有上传文件的集合，通过它可以得到上传文件的数目、大小等信息。有以下方法：

1、getCount

作用：取得上传文件的数目。

原型：public int getCount()

2、getFile

作用：取得指定位移处的文件对象File（这是com.jspsmart.upload.File，不是java.io.File，注意区分）。

原型：public File getFile(int index)。其中，index为指定位移，其值在0到getCount()-1之间。

3、getSize

作用：取得上传文件的总长度，可用于限制一次性上传的数据量大小。

原型：public long getSize()

4、getCollection

作用：将所有上传文件对象以Collection的形式返回，以便其它应用程序引用，浏览上传文件信息。

原型：public Collection getCollection()

5、getEnumeration

作用：将所有上传文件对象以Enumeration（枚举）的形式返回，以便其它应用程序浏览上传文件信息。

原型：public Enumeration getEnumeration()

Request类

这个类的功能等同于JSP内置的对象request。只所以提供这个类，是因为对于文件上传表单，通过request对象无法获得表单项的值，必须通过jspSmartUpload组件提供的Request对象来获取。该类提供如下方法：

1、getParameter

作用：获取指定参数之值。当参数不存在时，返回值为null。

原型：public String getParameter(String name)。其中，name为参数的名字。

2、getParameterValues

作用：当一个参数可以有多个值时，用此方法来取其值。它返回的是一个字符串数组。当参数不存在时，返回值为null。

原型：public String[] getParameterValues(String name)。其中，name为参数的名字。

3、getParameterNames

作用：取得Request对象中所有参数的名字，用于遍历所有参数。它返回的是一个枚举型的对象。

原型：public Enumeration getParameterNames()

SmartUpload类这个类完成上传下载工作

A．上传与下载共用的方法：

只有一个：initialize。

作用：执行上传下载的初始化工作，必须第一个执行。

原型：有多个，主要使用下面这个：

public final void initialize(javax.servlet.jsp.PageContext pageContext)

其中，pageContext为JSP页面内置对象（页面上下文）。

B．上传文件使用的方法：

1、upload

作用：上传文件数据。对于上传操作，第一步执行initialize方法，第二步就要执行这个方法。

原型：public void upload()

2、save

作用：将全部上传文件保存到指定目录下，并返回保存的文件个数。

原型：public int save(String destPathName)

和public int save(String destPathName,int option)

其中，destPathName为文件保存目录，option为保存选项，它有三个值，分别是SAVE_PHYSICAL,SAVE_VIRTUAL和SAVE_AUTO。（同File类的saveAs方法的选项之值类似）SAVE_PHYSICAL指示组件将文件保存到以操作系统根目录为文件根目录的目录下，SAVE_VIRTUAL指示组件将文件保存到以Web应用程序根目录为文件根目录的目录下，而SAVE_AUTO则表示由组件自动选择。

注：save(destPathName)作用等同于save(destPathName,SAVE_AUTO)。

3、getSize

作用：取上传文件数据的总长度

原型：public int getSize()

4、getFiles

作用：取全部上传文件，以Files对象形式返回，可以利用Files类的操作方法来获得上传文件的数目等信息。

原型：public Files getFiles()

5、getRequest

作用：取得Request对象，以便由此对象获得上传表单参数之值。

原型：public Request getRequest()

6、setAllowedFilesList

作用：设定允许上传带有指定扩展名的文件，当上传过程中有文件名不允许时，组件将抛出异常。

原型：public void setAllowedFilesList(String allowedFilesList)

其中，allowedFilesList为允许上传的文件扩展名列表，各个扩展名之间以逗号分隔。如果想允许上传那些没有扩展名的文件，可以用两个逗号表示。例如：setAllowedFilesList("doc,txt,,")将允许上传带doc和txt扩展名的文件以及没有扩展名的文件。

7、setDeniedFilesList

作用：用于限制上传那些带有指定扩展名的文件。若有文件扩展名被限制，则上传时组件将抛出异常。

原型：public void setDeniedFilesList(String deniedFilesList)

其中，deniedFilesList为禁止上传的文件扩展名列表，各个扩展名之间以逗号分隔。如果想禁止上传那些没有扩展名的文件，可以用两个逗号来表示。例如：setDeniedFilesList("exe,bat,,")将禁止上传带exe和bat扩展名的文件以及没有扩展名的文件。

8、setMaxFileSize

作用：设定每个文件允许上传的最大长度。

原型：public void setMaxFileSize(long maxFileSize)

其中，maxFileSize为为每个文件允许上传的最大长度，当文件超出此长度时，将不被上传。

9、setTotalMaxFileSize

作用：设定允许上传的文件的总长度，用于限制一次性上传的数据量大小。

原型：public void setTotalMaxFileSize(long totalMaxFileSize)

其中，totalMaxFileSize为允许上传的文件的总长度。

C．下载文件常用的方法

1、setContentDisposition

作用：将数据追加到MIME文件头的CONTENT-DISPOSITION域。jspSmartUpload组件会在返回下载的信息时自动填写MIME文件头的CONTENT-DISPOSITION域，如果用户需要添加额外信息，请用此方法。

原型：public void setContentDisposition(String contentDisposition)

其中，contentDisposition为要添加的数据。如果contentDisposition为null，则组件将自动添加"attachment;"，以表明将下载的文件作为附件，结果是IE浏览器将会提示另存文件，而不是自动打开这个文件（IE浏览器一般根据下载的文件扩展名决定执行什么操作，扩展名为doc的将用Word程序打开，扩展名为pdf的将用acrobat程序打开，等等）。

2、downloadFile

作用：下载文件。

原型：共有以下三个原型可用，第一个最常用，后两个用于特殊情况下的文件下载（如更改内容类型，更改另存的文件名）。

① public void downloadFile(String sourceFilePathName)

其中，sourceFilePathName为要下载的文件名（带目录的文件全名）

② public void downloadFile(String sourceFilePathName,String contentType)

其中，sourceFilePathName为要下载的文件名（带目录的文件全名）,contentType为内容类型（MIME格式的文件类型信息，可被浏览器识别）。

③ public void downloadFile(String sourceFilePathName,String contentType,String destFileName)

其中，sourceFilePathName为要下载的文件名（带目录的文件全名）,contentType为内容类型（MIME格式的文件类型信息，可被浏览器识别）,destFileName为下载后默认的另存文件名

实例:

步骤：

  第一：在项目中导入jspsmartupload.jar文件包

  第二：在<form>表单中添加表单属性：enctype="multipart/form-data"

 表单必须用enctype属性进行封装： 

<form action="" method="post" enctype="multipart/form-data">//表示表单将按照二进制的方式提交

在使用smartUpload时必须严格按照如上程序进行：

SmartUpload smart=new SmartUpload();  //实例化SmartUpload上传组件

smart.initialize(pageContext); //初始化上传操作

smart.upload(); //上传准备

smart.save("upload"); //将上传文件保存在upload文件夹中

setMaxFileSize():允许上传的单个文件大小

setTotalMaxFileSize()：允许上传的文件总容量

getRequest()：得到com.jspsmart.upload.Request对象

setCharset()://设置字符编码（如果未设，当请求中含有中文时会报：java.lang.NullPointerException: charsetName）.

当一个表单使用了enctype封装后，其他的非文件类的表单控件的内容就无法通过request内置对象取得，此时必须通过SmartUpload类中提供的getRequest()方法取得全部的请求参数。

String uname=smart.getRequest().getParameter("uname");

注意：该句代码一定要在执行完upload()方法之后才可以使用

6.为上传文件自动命名

  如果多个用户上传的文件名称一样，则肯定会发生覆盖的情况，为了避免这类问题，可以采用为上传文件自动命名的方式。为防止重名，自动命名可以采用如下的格式：

IP地址 + 时间戳 + 三位随机数

public String getIPTimeRand(){



    //实例化StringBuffer对象，用来做文件名拼接

    StringBuffer buf=new StringBuffer();

    

    //获得本机的IP地址

    InetAddress addr = InetAddress.getLocalHost();

    ip=addr.getHostAddress().toString;//获得本机IP

    address=addr.getHostName()toString;//获得本机名称

    

    //获得当前时间戳

    SimpleDateFormat date=new SimpleDateFormat("yyyyMMddHHmmssSSS");

    date.format(new Date());



    //获得一个3位数的随机数

    Random r=new Random();

    for(int i=0; i<3; i)

buf.append(r.nextInt(10));

    }

    

    return buf;

}

    文件名得到了，我们需要得到上传文件的后缀名：getFileExt()

    a. 得到上传文件名：

String file=smart.getFiles().getFile(0).getFileName();

//获得第一个上传文件

    b. 得到上传文件的后缀名：

String ext=smart.getFiles().getFile(0).getFileExt();

//获得第一个上传文件的文件后缀

    c. 拼凑文件名：

String fileName=getIPTimeRand()+"."+ext;

    d. 由于此时要用新的文件名称保存上传文件，所以要通过smart.getFiles().getFile(0).saveAs()方法进行手工保存。具体代码：

smart.getFiles().getFile(0).saveAs(getServletContext().getRealPath("/")+"upload"+java.io.File.separator+fileName);

//file.saveAs(路径,上传方式);

批量上传

  如要完成批量上传，则肯定需要循环的方式进行，那么就必须通过如下方法取得上传文件数量。

smart.getFiles().getCount();

   <form>表单代码：

<form action="smartupload.jsp" method="post" enctype="multipart/form-data">

    文件1：<input type="file" name="pic1"><br/>

    文件2：<input type="file" name="pic2"><br/>

    文件3：<input type="file" name="pic3"><br/>

    <input type="submit" value="上传" >

    <input type="reset" value="重置">

</form>

    smartupload.jsp代码：

<%

SmartUpload smart=new SmartUpload();

smart.initialize(pageContext);

smart.upload();

for(int i=0; i<smart.getFiles().getCount(); i++){

    smart.save("upload");

}

%>

================================================================

关于在servlet中写smartupload的问题：

如果fckeditor在servlet中怎么写？使用了JspFactory.getDefaultFactory()方法

<要注意抛异常>。

PageContext context = JspFactory.getDefaultFactory().getPageContext(this, request, response, null, true, 8*1024, true);

一共七个参数：

第一个参数是传递一个Servlet，在servlet中传递this就可以了；

第二个和第三个参数是request与response不多说明了；

第四个参数是发生错误后的url路径地址，如果没有可以键入null；

第五个参数是是否需要session，这里可以写入true；

第六个参数是缓存大小，我用了8*1024，也可以用JspWriter.DEFAULT_BUFFER；

第七个参数是是否需要刷新，键入ture；

<!--表单提交方式 ：二进制 enctype="multipart/form-data"  -->
    <form action="doadd.jsp" enctype="multipart/form-data" method="post">
      <p>
        <label> 主题 </label>
        <select name="ntid">
          <%//主题的绑定
TIdDao td=new TIdDao();
 List<Tid> ls=td.getAll();   
for (Tid l:ls){
	
%>
          <option value='16'><%=l.getTname() %> </option>
          <%
          }
 %>
        </select>
      </p>
      <p>
        <label> 标题 </label>
        <input name="ntitle" type="text" class="opt_input" />
      </p>
      <p>
        <label> 作者 </label>
        <input name="nauthor" type="text" class="opt_input" />
      </p>
      <p>
        <label> 摘要 </label>
        <textarea name="nsummary" cols="40" rows="3"></textarea>
      </p>
      <p>
        <label> 内容 </label>
        <textarea name="ncontent" cols="70" rows="10"></textarea>
          <script >
          CKEDITOR.replace('nsummary');
          CKEDITOR.replace('ncontent');
		</script>
      </p>
      <p>
        <label> 上传图片 </label>
        <input name="file" type="file"  multiple="multiple" class="opt_input" />
      </p>
      <input name="action" type="hidden" value="addnews">
      <input type="submit" value="提交" class="opt_sub" />
      <input type="reset" value="重置" class="opt_sub" />
    </form>

//单文件上传

//实例化
SmartUpload su=new SmartUpload();
//初始化	pageContext:jsp 9大内置对象之一
su.initialize(pageContext);
//设置要求
su.setCharset("utf-8");
su.upload();//上传到服务器
//找web项目根目录（自动）
/* String path="images/";
//获取文件
File file=su.getFiles().getFile(0);
if(!file.isMissing()){//
	//设置文件编码方式
	file.setCharset("utf-8");
	path+=file.getFieldName();//拼接原有的文件名
	file.saveAs(path,SmartUpload.SAVE_VIRTUAL);//自动找项目根目录
} */
//--手动找web项目的根目录 
	 String path="images/";

	String webPath=this.getServletContext().getRealPath("/");
	//获取文件
	File file=su.getFiles().getFile(0);
	//做判断
	if(!file.isMissing()){//上传了文件
		//设置文件的编码方式
		file.setCharset("utf-8");
		path+=file.getFileName();//拼接上原有的文件名  images/2.gif
		file.saveAs(webPath+path);//手动找web项目的根目录
	}
	
//多选
//二、多文件上传 
	//拿到所有的文件
	/* Files fs=su.getFiles();
	
	for(int i=0;i<fs.getCount();i++){//拿到总数目 循环
		//依次拿到每一个文件 依次进行上传
		File file=fs.getFile(i);
		String path="images/";
		//做判断
		if(!file.isMissing()){//上传了文件
			//设置文件的编码方式
			file.setCharset("utf-8");
			path+=file.getFileName();//拼接上原有的文件名  images/2.gif
			file.saveAs(path, SmartUpload.SAVE_VIRTUAL);//自动找web项目的根目录
		}
		out.print(path+"<br/>");
	} */
	
//取表单的其它值
Request rq=su.getRequest();
String ntitle=rq.getParameter("ntitle");//标题
String nauthor=rq.getParameter("nauthor");//作者 
String ncontent=rq.getParameter("ncontent");//摘要  
String nsummary=rq.getParameter("nsummary");//内容
String ntid=rq.getParameter("ntid");//主题


String naddtime=new Date().toLocaleString();//取系统当前时间





News ns=new News();
ns.setNtitle(ntitle);
ns.setNauthor(nauthor);
ns.setNcontent(ncontent);
ns.setNaddtime(naddtime);
ns.setNfile(path);
ns.setNsummary(nsummary);
ns.setNtid(ntid);
NewDao ud=new NewDao();
int n= ud.NewsAdd(ns);

//判断
if(n>0){
	//发表成功
	response.sendRedirect("/q4/news/admin.jsp");
	
}else{
	//发表失败
	out.print("<script>alert('发表失败');location.herf='add.jsp';</script>");
}

在页面读取

 <td colspan="2"> <%=ncontent %><img src="<%=file %>" /></td>

效果图： 

 CKEditor

一个富文本编辑插件。

我用的是版本4

你首先要下载它的安装包 ，然后将其解压后的文件放入项目的webcontent目录文件中

https://ckeditor.com/docs/ckeditor4/latest/features/index.html

用代码引入

<!--引入ckeditor类库 -->
<script type="text/javascript" src="/q4/ckeditor/ckeditor.js">
</script>

用其特有方法replace（）替换textarea

    <textarea name="ncontent" cols="70" rows="10"></textarea>
          <script >
          CKEDITOR.replace('nsummary');
          CKEDITOR.replace('ncontent');
		</script>