uploadify java实现多文件上传和预览_java

本文实例为大家分享了java文件上传和预览实现代码,供大家参考,具体内容如下

1、下载uploadify插件

2、index.html

<!DOCTYPE html>
<html lang="en">
<head>
<@head/>
<script src="<@path/>/js/uploadify-v3.1/jquery.uploadify-3.1.js"></script>
<link href="<@path/>/js/uploadify-v3.1/uploadify.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#uploader {
 position: relative;
} 

#uploader_queue {
 position: absolute;
 width: 600px;
 left: 200px;
 top: 0;
}
</style>
<script type="text/javascript">
 $(function() {
  $("#file_upload")
    .uploadify(
      {
       'auto' : false,
       'method' : "get",
       'formData' : {
        'folder' : 'file'
       },
       'height' : 30,
       'swf' : '<@path/>/js/uploadify-v3.1/uploadify.swf', // flash
       'uploader' : '<@path/>/uploadAttach.do', //
       'width' : 120,
       'fileTypeDesc' : 'ֻ支持多种文件格式',
       'fileTypeExts' : '.dat;.264;.h264;.mp4;.dav;.MP4;.AVI;.ts;.avi;'
         + '.mpg;.rmvb;.flv;.rm;.mov;.wmv;.JPG;.bmp;.png;.BMP;.jpg;.PNG;'
         + '.gif;.xlsx;.xls;.txt;.pdf;.doc;.docx;.rar;.zip;.7z',
       'fileSizeLimit' : '800KB',
       'buttonText' : '选择文件',
       'uploadLimit' : 5,
       'successTimeout' : 5,
       'requeueErrors' : false,
       'removeTimeout' : 10,
       'removeCompleted' : false,
       'queueSizeLimit' : 10,
       'queueID' : 'uploader_queue',
       'progressData' : 'speed',
       'onInit' : function() {
       },
       'onUploadSuccess' : function(file, data, response) {
        $("#uploader_view").append(
          '<img height="60" alt="" src="<@path/>/upload/'
            + encodeURI(data)
            + '"/><br/><br/>');
       },
       'onQueueComplete' : function(queueData) {
        $('#uploader_msg').html(
          queueData.uploadsSuccessful
            + '个文件上传成功<br/>');
       }
      });
 });
</script>
</head>
<body class="">
 <@header/>
 <br />
 <br />
 <br />
 <br />
 <div id="uploader">
  <p>
   <input type="file" name="file_upload" id="file_upload" />
  </p>
  <a href="javascript:$('#file_upload').uploadify('upload','*')">上传</a>
  <a href="javascript:$('#file_upload').uploadify('stop')">取消上传</a>
  <div id="uploader_queue"></div>
  <div id="uploader_msg"></div>
  <div id="uploader_view"></div>
 </div>
 <br />
 <br />
 <br />
 <br /> <@footer/>
</body>
</html>

3、java文件

package com.frame.core.ctrl; 

import java.io.File;
import java.io.FileNotFoundException;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.Date;
import java.util.Map;
import java.util.UUID; 

import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse; 

import org.apache.log4j.Logger;
import org.springframework.stereotype.Controller;
import org.springframework.ui.ModelMap;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.multipart.MultipartFile;
import org.springframework.web.multipart.MultipartHttpServletRequest;
import org.springframework.web.servlet.ModelAndView; 

@Controller
public class loginCtrl {
 private static Logger log = Logger.getLogger(loginCtrl.class);
 @RequestMapping(value = "/goindex")
 public ModelAndView goindex() {
  ModelAndView mav = new ModelAndView("index");
  mav.addObject("name", "笑傲江湖");
  mav.addObject("projectName", "Freemarker框架");
  return mav;
 }
 @RequestMapping(value = "/login")
 public void login(HttpServletRequest request,HttpServletResponse response) throws ServletException, IOException {
  request.getSession().setAttribute("username", "身份认证成功");
  request.getRequestDispatcher("/index.jsp").forward(request, response);
 }
 @RequestMapping("/uploadAttach")
 public void processUploadDir(ModelMap modelMap,
   MultipartHttpServletRequest request, PrintWriter writer) throws Exception {
  Map<String, MultipartFile> fileMap = request.getFileMap();
  String path = request.getSession().getServletContext().getRealPath("/");;
  System.out.println("path:"+path);
  Date currentTime = new Date();
  long prefix = currentTime.getTime();
  StringBuffer attachIds = new StringBuffer();
  for (Map.Entry<String, MultipartFile> f : fileMap.entrySet()) {
   MultipartFile file = f.getValue();
   if (!isLegalFile(file)) {
    String msg = "is a illegal file";
    throw new RuntimeException(msg);
   }
   String originalFileName = prefix + "_" + file.getOriginalFilename();
   File fileDir = new File(path + "/upload" + File.separator);
   if (!fileDir.exists()) {
    fileDir.mkdirs();
   } 

   File files = new File(path + "/upload" + File.separator
     + originalFileName);
   FileOutputStream fileOutputStream = null;
   try {
    fileOutputStream = new FileOutputStream(files);
    fileOutputStream.write(file.getBytes());
    fileOutputStream.flush(); 

    attachIds.append(originalFileName + ","); 

   } catch (FileNotFoundException e) {
    e.printStackTrace();
   } catch (IOException e) {
    e.printStackTrace();
   } catch (Exception e) {
    e.printStackTrace();
   } finally {
    if (fileOutputStream != null) {
     try {
      fileOutputStream.close();
     } catch (IOException e) {
      e.printStackTrace();
     }
    }
   } 

  } 

  writer.write(attachIds.toString().substring(0,attachIds.toString().length()-1));
 }
 private final String[] fileType = new String[]{".dat",".264",".h264",".mp4",".dav",".MP4",".AVI",".ts",".avi",".mpg",".rmvb",".flv",".rm",".mov",".wmv",
   ".JPG",".bmp",".png",".BMP",".jpg",".PNG",".gif",
   ".xlsx",".xls",".txt",".pdf",".doc",".docx",
   ".rar",".zip",".7z"};
 private boolean isLegalFile(MultipartFile file) {
  String originalFileName = file.getOriginalFilename();
  for(String ft : fileType) {
   if (originalFileName.endsWith(ft)) {
    return true;
   }
  }
  return false;
 }
} 

效果图:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索java文件上传预览
, uploadify文件上传
uploadify上传预览
java实现图片上传预览、java实现上传文件预览、uploadify 上传前预览、uploadify上传预览、uploadify 上传后预览,以便于您获取更多的相关知识。

时间: 2024-09-17 02:40:43

uploadify java实现多文件上传和预览_java的相关文章

利用jquery.uploadify插件来实现图片上传和预览效果

文章是告诉你如何利用jquery.uploadify插件来实现图片上传和预览效果,首页我们要看看关于利用jquery uploadify上传图片要注意事项吧. 注意事项 (1).如果页面没有显示"browse"按钮,则说明你的'uploader' : '<%=basepath%>images/uploadify.swf'配置不对,检查下路径是否正确. (2).如果需要修改按钮的图片:可以使用'buttonimg'配置进行替换 (3).上传完成后,'oncomplete'事件

结合bootstrap fileinput插件和Bootstrap-table表格插件,实现文件上传、预览、提交的导入Excel数据操作流程

1.bootstrap-fileinpu的简单介绍 在前面的随笔,我介绍了Bootstrap-table表格插件的具体项目应用过程,本篇随笔介绍另外一个Bootstrap FieInput插件的使用,整合两者可以实现我们常规的Web数据导入操作,导入数据操作过程包括有上传文件,预览数据,选择并提交记录等一系列操作. 关于这个插件,我在早期随笔<Bootstrap文件上传插件File Input的使用>也做了一次介绍,这是一个增强的 HTML5 文件输入控件,是一个 Bootstrap 3.x

java中Struts2文件上传问题详解_java

首先是网页部分,upload_file.jsp <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML> <html> <head> <title>Upload File</title> </head> <body> <form act

java实现FTP文件上传与文件下载_java

本文实例为大家分享了两种java实现FTP文件上传下载的方式,供大家参考,具体内容如下 第一种方式: package com.cloudpower.util; import java.io.File; import java.io.FileInputStream; import java.io.FileOutputStream; import java.io.IOException; import sun.net.TelnetInputStream; import sun.net.TelnetO

java 后台实现文件上传代码

问题描述 java 后台实现文件上传代码 java后台做一个文件上传,前端选择了照片点击上传到后台,后台需要保存到服务器上, 这个该怎么做,能不能贴一贴现成的代码?求解 解决方案 try { ??????????? FileItemFactory factory = new DiskFileItemFactory(); ??????????? ServletFileUpload upload = new ServletFileUpload(factory); ??????????? ??????

java实现将文件上传到ftp服务器的方法_java

本文实例讲述了java实现将文件上传到ftp服务器的方法.分享给大家供大家参考,具体如下: 工具类: package com.fz.common.util; import java.io.DataInputStream; import java.io.DataOutputStream; import java.io.FileInputStream; import java.io.FileNotFoundException; import java.io.FileOutputStream; imp

发送-java中关于文件上传的问题。

问题描述 java中关于文件上传的问题. 如果写一个java程序,向新浪的ip地址发送一份文件,结果会如何??????? 解决方案 你的请求得不到任何响应,返回一个4xx的错误. 解决方案二: 你得到的响应跟你访问网页的响应一样,不过对方不会get到你的信息,除非新浪提供了开放的接口 解决方案三: 你可以自己给你自己发送一个文件你试试看,服务器上传文件都需要对应的端口去处理FTP服务,不是随意就可以的

Java实现ftp文件上传下载解决慢中文乱码多个文件下载等问题_java

废话不多说了,直接给大家贴代码了,具体代码如下所示: //文件上传 public static boolean uploadToFTP(String url,int port,String username,String password,String path,String filename,InputStream input) { boolean success=false; FTPClient ftp=new FTPClient();//org.apache.commons.net.ftp

基于html5+java实现大文件上传实例代码_java

废话不多说了,直接给大家贴代码了,具体代码如下所示: html代码如下: <body> <input id="fileid" type="file" accept="video/*;capture=camera" onchange="onfile(this)"> <input id="btn" type="button" value="提交&quo