【uploadify3.1使用二】批量文件、图片上传

1、uploadify3.1的使用方式有别与2.x的版本,3.1版本已经把swfobject.js 给嵌入jquery.uploadify-3.1.min.js中,,

2、引入资源文件

<link rel="stylesheet" href="uploadify/uploadify.css" type="text/css"></link><script type="text/javascript" src="uploadify/jquery-1.7.2.min.js"></script><script type="text/javascript"src="uploadify/jquery.uploadify-3.1.min.js"></script>3、头部写入<script type="text/javascript">$(function() {$("#multiple_file_upload").uploadify({‘height’: 27,’width’: 80,’buttonText’ : ‘浏 览’,’swf’: ‘<%=path%>/uploadify/uploadify.swf’,’uploader’: ‘<%=path%>/servlet/UploadifySerlet’,’auto’: false,’fileTypeExts’ : ‘*.jpg;*.png;*.gif;*.bmp’,’formData’: {‘userName’:”,’qq’:”},’onUploadStart’ : function(file) {//$("#file_upload").uploadify("settings", "formData", {‘userName’:name,’qq’:qq});//$("#file_upload").uploadify("settings", "qq", );}});});</script>4、body中写入<body><input type="file" name="uploadify" id="multiple_file_upload" /><hr><a href="javascript:$(‘#multiple_file_upload’).uploadify(‘upload’,’*’)">开始上传</a><a href="javascript:$(‘#multiple_file_upload’).uploadify(‘cancel’, ‘*’)">取消所有上传</a> </body>

5、后台代码

package com.yangpan.uploadify;import java.io.File;import java.io.FileOutputStream;import java.io.IOException;import java.io.InputStream;import java.io.OutputStream;import java.io.PrintWriter;import java.text.SimpleDateFormat;import java.util.Arrays;import java.util.Date;import java.util.Iterator;import java.util.List;import java.util.Random;import javax.servlet.ServletException;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;import org.apache.commons.fileupload.FileItem;import org.apache.commons.fileupload.FileUploadException;import org.apache.commons.fileupload.disk.DiskFileItemFactory;import org.apache.commons.fileupload.servlet.ServletFileUpload;public class UploadifySerlet extends HttpServlet{/****/private static final long serialVersionUID = 1L;// 上传文件的保存路径protected String configPath = "attached/";protected String dirTemp = "attached/temp/";protected String dirName = "file";public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException{this.doPost(request, response);}public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException{request.setCharacterEncoding("UTF-8");response.setContentType("text/html; charset=UTF-8");PrintWriter out = response.getWriter();// 文件保存目录路径String savePath = this.getServletContext().getRealPath("/") + configPath;// 临时文件目录String tempPath = this.getServletContext().getRealPath("/") + dirTemp;SimpleDateFormat sdf = new SimpleDateFormat("yyyyMM");String ymd = sdf.format(new Date());savePath += "/" + ymd + "/";// 创建文件夹File dirFile = new File(savePath);if (!dirFile.exists()){dirFile.mkdirs();}tempPath += "/" + ymd + "/";// 创建临时文件夹File dirTempFile = new File(tempPath);if (!dirTempFile.exists()){dirTempFile.mkdirs();}DiskFileItemFactory factory = new DiskFileItemFactory();factory.setSizeThreshold(20 * 1024 * 1024); // 设定使用内存超过5M时,将产生临时文件并存储于临时目录中。factory.setRepository(new File(tempPath)); // 设定存储临时文件的目录。ServletFileUpload upload = new ServletFileUpload(factory);upload.setHeaderEncoding("UTF-8");try{List items = upload.parseRequest(request);Iterator itr = items.iterator();while (itr.hasNext()){FileItem item = (FileItem) itr.next();String fileName = item.getName();long fileSize = item.getSize();if (!item.isFormField()){String fileExt = fileName.substring(fileName.lastIndexOf(".") + 1).toLowerCase();SimpleDateFormat df = new SimpleDateFormat("yyyyMMddHHmmss");String newFileName = df.format(new Date()) + "_" + new Random().nextInt(1000) + "." + fileExt;try{File uploadedFile = new File(savePath, newFileName);OutputStream os = new FileOutputStream(uploadedFile);InputStream is = item.getInputStream();byte buf[] = new byte[1024];// 可以修改 1024 以提高读取速度int length = 0;while ((length = is.read(buf)) > 0){os.write(buf, 0, length);}// 关闭流os.flush();os.close();is.close();System.out.println("上传成功!路径:" + savePath + "/" + newFileName);out.print("1");}catch (Exception e){e.printStackTrace();}}else{String filedName = item.getFieldName();// if (filedName.equals("userName"))// {// name = item.getString();// }// else// {// qq = item.getString();// }System.out.println("FieldName:" + filedName);System.out.println("String:" + item.getString());// System.out.println("String():"+item.getString(item.getName()));System.out.println("===============");}}}catch (FileUploadException e){// TODO Auto-generated catch blocke.printStackTrace();}out.flush();out.close();}}

6、效果

打完收工,比较喜欢step by step,呵呵,太过程化了,没有思维。哈哈

找一个让心里安静和干净的地方,

【uploadify3.1使用二】批量文件、图片上传

相关文章:

你感兴趣的文章:

标签云: