jquery插件 jsp+servlet+uploadify3.1 文件上传-白红宇

jquery插件 jsp+servlet+uploadify3.1 文件上传

阅读量：6288 次

发布时间：2019-06-22

本文共 5269 字，大约阅读时间需要 17 分钟。

网络上很多的例子虽然说是3.1版本的，但是调用方法都是老版本的，跑不起来，经过查看doc，下面的例子可以在tomcat中正常运行。

index.jsp

[html]

<%@ page language="java" contentType="text/html; charset=utf-8"%>

String path = request.getContextPath();

String basePath = request.getScheme() + "://"

+ request.getServerName() + ":" + request.getServerPort()

+ path + "/";

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<base href="<%=basePath%>">

<title>文件上传</title>

<link href="css/uploadify.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="scripts/jquery-1.7.2.min.js"></script>

<script type="text/javascript" src="scripts/jquery.uploadify-3.1.min.js"></script>

<script type="text/javascript">

$(document).ready(function() {

$("#uploadify").uploadify({

'auto' : false,

'swf' : '<%=path%>/scripts/uploadify.swf',

'uploader' : '<%=path%>/scripts/uploadify',//后台处理的请求

'queueID' : 'fileQueue',//与下面的id对应

'queueSizeLimit' :1,

'fileTypeDesc' : 'rar文件或zip文件',

'fileTypeExts' : '*.rar;*.zip', //控制可上传文件的扩展名，启用本项时需同时声明fileDesc

'multi' : true,

'buttonText' : '上传'

});

});

</script>

</head>

<body>

<div id="fileQueue"></div>

<input type="file" name="uploadify" id="uploadify" />

<a href="javascript:$('#uploadify').uploadify('upload')">开始上传</a>

<a href="javascript:$('#uploadify').uplaodify('cancel','*')">取消上传</a>

</p>

</body>

</html>

servlet: Uploadify.java

[java]

package com.rh.core.upload;

import java.io.BufferedInputStream;

import java.io.BufferedOutputStream;

import java.io.File;

import java.io.FileOutputStream;

import java.io.IOException;

import java.text.SimpleDateFormat;

import java.util.Date;

import java.util.Iterator;

import java.util.List;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import org.apache.commons.fileupload.disk.DiskFileItem;

import org.apache.commons.fileupload.disk.DiskFileItemFactory;

import org.apache.commons.fileupload.servlet.ServletFileUpload;

import org.apache.commons.fileupload.util.Streams;

public class Uploadify extends HttpServlet{

private static final long serialVersionUID = 1L;

* 实现多文件的同时上传

public void doGet(HttpServletRequest request,

HttpServletResponse response) throws ServletException, IOException {

//设置接收的编码格式

request.setCharacterEncoding("UTF-8");

Date date = new Date();//获取当前时间

SimpleDateFormat sdfFileName = new SimpleDateFormat("yyyyMMddHHmmss");

SimpleDateFormat sdfFolder = new SimpleDateFormat("yyMM");

String newfileName = sdfFileName.format(date);//文件名称

String fileRealPath = "";//文件存放真实地址

String fileRealResistPath = "";//文件存放真实相对路径

//名称界面编码必须和request 保存一致..否则乱码

String name = request.getParameter("name");

String firstFileName="";

// 获得容器中上传文件夹所在的物理路径

String savePath = this.getServletConfig().getServletContext().getRealPath("/") + "uploads\\" + newfileName +"\\";

System.out.println("路径" + savePath+"; name:"+name);

File file = new File(savePath);

if (!file.isDirectory()) {

file.mkdirs();

}

try {

DiskFileItemFactory fac = new DiskFileItemFactory();

ServletFileUpload upload = new ServletFileUpload(fac);

upload.setHeaderEncoding("UTF-8");

// 获取多个上传文件

List fileList = fileList = upload.parseRequest(request);

// 遍历上传文件写入磁盘

Iterator it = fileList.iterator();

while (it.hasNext()) {

Object obit = it.next();

if(obit instanceof DiskFileItem){

System.out.println("xxxxxxxxxxxxx");

DiskFileItem item = (DiskFileItem) obit;

// 如果item是文件上传表单域

// 获得文件名及路径

String fileName = item.getName();

if (fileName != null) {

firstFileName=item.getName().substring(item.getName().lastIndexOf("\\")+1);

String formatName = firstFileName.substring(firstFileName.lastIndexOf("."));//获取文件后缀名

fileRealPath = savePath + newfileName+ formatName;//文件存放真实地址

BufferedInputStream in = new BufferedInputStream(item.getInputStream());// 获得文件输入流

BufferedOutputStream outStream = new BufferedOutputStream(new FileOutputStream(new File(fileRealPath)));// 获得文件输出流

Streams.copy(in, outStream, true);// 开始把文件写到你指定的上传文件夹

//上传成功，则插入数据库

if (new File(fileRealPath).exists()) {

//虚拟路径赋值

fileRealResistPath=sdfFolder.format(date)+"/"+fileRealPath.substring(fileRealPath.lastIndexOf("\\")+1);

//保存到数据库

System.out.println("保存到数据库:");

System.out.println("name:"+name);

System.out.println("虚拟路径:"+fileRealResistPath);

}

}

}

}

} catch (org.apache.commons.fileupload.FileUploadException ex) {

ex.printStackTrace();

System.out.println("没有上传文件");

return;

}

response.getWriter().write("1");

}

public void doPost(HttpServletRequest req, HttpServletResponse resp)

throws ServletException, IOException {

doGet(req, resp);

}

}

web.xml

[html]

<?xml version="1.0" encoding="UTF-8"?>

<web-app id="WebApp_ID" version="2.4"

xmlns="http://java.sun.com/xml/ns/j2ee"

xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee

http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">

<servlet>

<servlet-name>Uploadify</servlet-name>

<servlet-class>com.rh.core.upload.Uploadify</servlet-class>

</servlet>

<servlet-mapping>

<servlet-name>Uploadify</servlet-name>

<url-pattern>/scripts/uploadify</url-pattern>

</servlet-mapping>

<welcome-file-list>

<welcome-file>index.jsp</welcome-file>

</welcome-file-list>

</web-app>

项目截图:(可能需要修改css文件中图片的位置)

转载于:https://my.oschina.net/u/1015032/blog/184193

你可能感兴趣的文章

Java中的锁

查看>>

节省60%费用！巧用阿里云归档存储降低基因测序成本

查看>>

《Adobe Dreamweaver CS6中文版经典教程》——1.7　创建自定义的快捷键

查看>>

linux学习笔记三： secureCRT小键盘输入数字键的时候，出现字母的解决方法：

查看>>

beego打印请求http内容

查看>>

手机自动化测试：Appium源码分析之跟踪代码分析二

查看>>

Java语言概述

查看>>

支持 web sftp的Jumpserver 1.4.2 发布

查看>>

企业环境下MySQL5.5调优

查看>>

【阿里云MVP Meetup 第四期】产业中的“图像识别”分享与探索，干货来袭！

查看>>

集体通宵发版怎么破？阿里敏捷教练开出四道“药方”

VUE2.0 实现移动端在固定区域内的滚动效果

查看>>

angularjs入门（一）

查看>>

环境变量PATH、cp命令、mv命令、cat命令、tac命令、more、less、head、tail

查看>>

2.10 环境变量PATH 2.11 cp命令 2.12 mv命令 2.13 文档查看cat/more/less/head/tail

查看>>

Linux快速入门（二）

查看>>

android -- 截屏-view.getDrawingCache()

查看>>