uploadify java實(shí)現(xiàn)多文件上傳和預(yù)覽
本文實(shí)例為大家分享了java文件上傳和預(yù)覽實(shí)現(xiàn)代碼,供大家參考,具體內(nèi)容如下
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 + '個(gè)文件上傳成功<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", "身份認(rèn)證成功"); 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; } }
效果圖:
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- java Springboot實(shí)現(xiàn)多文件上傳功能
- JavaWeb實(shí)現(xiàn)多文件上傳及zip打包下載
- java實(shí)現(xiàn)多文件上傳至本地服務(wù)器功能
- Java Web使用Html5 FormData實(shí)現(xiàn)多文件上傳功能
- JavaBean實(shí)現(xiàn)多文件上傳的兩種方法
- Java中多媒體文件上傳及頁(yè)面回顯的操作代碼
- java 文件上傳(單文件與多文件)
- java文件上傳(單文件 多文件)與刪除
- Java實(shí)現(xiàn)ftp文件上傳下載解決慢中文亂碼多個(gè)文件下載等問(wèn)題
- Java實(shí)現(xiàn)多文件上傳功能
相關(guān)文章
SpringBoot基礎(chǔ)教程之集成郵件服務(wù)
這篇文章主要給大家介紹了關(guān)于SpringBoot基礎(chǔ)教程之集成郵件服務(wù)的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者使用SpringBoot具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07Java中Runnable與Callable接口的區(qū)別詳解
這篇文章主要為大家詳細(xì)介紹了Java中Runnable與Callable接口的區(qū)別,文中的示例代碼講解詳細(xì),對(duì)我們學(xué)習(xí)Java有一定的幫助,需要的可以參考一下2023-03-03Java開發(fā)中synchronized的定義及用法詳解
這篇文章主要介紹了Java開發(fā)中synchronized的定義及用法詳解,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07Mybatis實(shí)現(xiàn)SQL存儲(chǔ)流程詳解
MyBatis作為一款優(yōu)秀的持久層框架,它支持自定義SQL、存儲(chǔ)過(guò)程以及高級(jí)映射。它免除了幾乎所有的JDBC代碼以及設(shè)置參數(shù)和獲取結(jié)果集的工作2023-03-03SpringBoot整合Swagger和Actuator的使用教程詳解
Swagger 是一套基于 OpenAPI 規(guī)范構(gòu)建的開源工具,可以幫助我們?cè)O(shè)計(jì)、構(gòu)建、記錄以及使用 Rest API。本篇文章主要介紹的是SpringBoot整合Swagger(API文檔生成框架)和SpringBoot整合Actuator(項(xiàng)目監(jiān)控)使用教程。感興趣的朋友一起看看吧2019-06-06詳解Java中多線程異常捕獲Runnable的實(shí)現(xiàn)
這篇文章主要介紹了詳解Java中多線程異常捕獲Runnable的實(shí)現(xiàn)的相關(guān)資料,希望通過(guò)本文能幫助到大家,讓大家理解掌握這樣的知識(shí),需要的朋友可以參考下2017-10-10