iOS使用http post多图片上传带描述+java后台服务器,简单实现例子.
描述:
ios端:oc语言实现,使用http post上传数据 ,可以上传多图片文件,还有其他的描述
java端:参照的是一个网上的demo实现,原文链接http://www.cnblogs.com/xdp-gacl/p/4200090.html
java端:
1建立一个web的项目;需要引入下面4个包,我的eclipse需要加入4个包,其中上面两个包是上传所需;下面两个包是servlet所需的包
2建立servlet
package com.xiaowen.servlet; import java.io.File; import java.io.FileOutputStream; import java.io.IOException; import java.io.InputStream; import java.util.List; import java.util.UUID; 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.FileUploadBase; import org.apache.commons.fileupload.ProgressListener; import org.apache.commons.fileupload.disk.DiskFileItemFactory; import org.apache.commons.fileupload.servlet.ServletFileUpload; /** * @ClassName: UploadHandleServlet * @date: 2015-1-3 下午11:35:50 * */ public class UploadHandleServlet1 extends HttpServlet { public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { //得到上传文件的保存目录，将上传的文件存放于WEB-INF目录下，不允许外界直接访问，保证上传文件的安全 String savePath = this.getServletContext().getRealPath("/WEB-INF/upload"); //上传时生成的临时文件保存目录 String tempPath = this.getServletContext().getRealPath("/WEB-INF/temp"); File tmpFile = new File(tempPath); if (!tmpFile.exists()) { //创建临时目录 tmpFile.mkdir(); } //消息提示 String message = ""; try{ //使用Apache文件上传组件处理文件上传步骤： //1、创建一个DiskFileItemFactory工厂 DiskFileItemFactory factory = new DiskFileItemFactory(); //设置工厂的缓冲区的大小，当上传的文件大小超过缓冲区的大小时，就会生成一个临时文件存放到指定的临时目录当中。 factory.setSizeThreshold(1024*100);//设置缓冲区的大小为100KB，如果不指定，那么缓冲区的大小默认是10KB //设置上传时生成的临时文件的保存目录 factory.setRepository(tmpFile); //2、创建一个文件上传解析器 ServletFileUpload upload = new ServletFileUpload(factory); //监听文件上传进度 upload.setProgressListener(new ProgressListener(){ public void update(long pBytesRead, long pContentLength, int arg2) { System.out.println("文件大小为：" + pContentLength + ",当前已处理：" + pBytesRead); /** * 文件大小为：14608,当前已处理：4096 文件大小为：14608,当前已处理：7367 文件大小为：14608,当前已处理：11419 文件大小为：14608,当前已处理：14608 */ } }); //解决上传文件名的中文乱码 upload.setHeaderEncoding("UTF-8"); //3、判断提交上来的数据是否是上传表单的数据 if(!ServletFileUpload.isMultipartContent(request)){ //按照传统方式获取数据 return; } //设置上传单个文件的大小的最大值，目前是设置为1024*1024字节，也就是1MB upload.setFileSizeMax(1024*1024); //设置上传文件总量的最大值，最大值=同时上传的多个文件的大小的最大值的和，目前设置为10MB upload.setSizeMax(1024*1024*10); //4、使用ServletFileUpload解析器解析上传数据，解析结果返回的是一个List<FileItem>集合，每一个FileItem对应一个Form表单的输入项 List<FileItem> list = upload.parseRequest(request); for(FileItem item : list){ //如果fileitem中封装的是普通输入项的数据 if(item.isFormField()){ String name = item.getFieldName(); //解决普通输入项的数据的中文乱码问题 String value = item.getString("UTF-8"); //value = new String(value.getBytes("iso8859-1"),"UTF-8"); System.out.println(name + "=" + value); }else{//如果fileitem中封装的是上传文件 //得到上传的文件名称， String filename = item.getName(); System.out.println(filename); if(filename==null || filename.trim().equals("")){ continue; } //注意：不同的浏览器提交的文件名是不一样的，有些浏览器提交上来的文件名是带有路径的，如： c:\a\b\1.txt，而有些只是单纯的文件名，如：1.txt //处理获取到的上传文件的文件名的路径部分，只保留文件名部分 filename = filename.substring(filename.lastIndexOf("\\")+1); //得到上传文件的扩展名 String fileExtName = filename.substring(filename.lastIndexOf(".")+1); //如果需要限制上传的文件类型，那么可以通过文件的扩展名来判断上传的文件类型是否合法 System.out.println("上传的文件的扩展名是："+fileExtName); //获取item中的上传文件的输入流 InputStream in = item.getInputStream(); //得到文件保存的名称 String saveFilename = makeFileName(filename); //得到文件的保存目录 String realSavePath = makePath(saveFilename, savePath); //创建一个文件输出流 在windows中使用\\ mac中用/ FileOutputStream out = new FileOutputStream(realSavePath + "/" + saveFilename); //创建一个缓冲区 byte buffer[] = new byte[1024]; //判断输入流中的数据是否已经读完的标识 int len = 0; //循环将输入流读入到缓冲区当中，(len=in.read(buffer))>0就表示in里面还有数据 while((len=in.read(buffer))>0){ //使用FileOutputStream输出流将缓冲区的数据写入到指定的目录(savePath + "\\" + filename)当中 out.write(buffer, 0, len); } //关闭输入流 in.close(); //关闭输出流 out.close(); //删除处理文件上传时生成的临时文件 //item.delete(); message = "文件上传成功！"; } } }catch (FileUploadBase.FileSizeLimitExceededException e) { e.printStackTrace(); request.setAttribute("message", "单个文件超出最大值！！！"); request.getRequestDispatcher("/message.jsp").forward(request, response); return; }catch (FileUploadBase.SizeLimitExceededException e) { e.printStackTrace(); request.setAttribute("message", "上传文件的总的大小超出限制的最大值！！！"); request.getRequestDispatcher("/message.jsp").forward(request, response); return; }catch (Exception e) { message= "文件上传失败！"; e.printStackTrace(); } request.setAttribute("message",message); request.getRequestDispatcher("/message.jsp").forward(request, response); } /** * @Method: makeFileName * @Description: 生成上传文件的文件名，文件名以：uuid+"_"+文件的原始名称 * @param filename 文件的原始名称 * @return uuid+"_"+文件的原始名称 */ private String makeFileName(String filename){ //2.jpg //为防止文件覆盖的现象发生，要为上传文件产生一个唯一的文件名 return UUID.randomUUID().toString() + "_" + filename; } /** * 为防止一个目录下面出现太多文件，要使用hash算法打散存储 * @Method: makePath * @Description: * * @param filename 文件名，要根据文件名生成存储目录 * @param savePath 文件存储路径 * @return 新的存储目录 */ private String makePath(String filename,String savePath){ //得到文件名的hashCode的值，得到的就是filename这个字符串对象在内存中的地址 int hashcode = filename.hashCode(); int dir1 = hashcode&0xf; //0--15 int dir2 = (hashcode&0xf0)>>4; //0-15 //构造新的保存目录 在windows中使用\\ mac中用/ String dir = savePath + "/" + dir1 + "/" + dir2; //upload\2\3 upload\3\5 //File既可以代表文件也可以代表目录 File file = new File(dir); //如果目录不存在 if(!file.exists()){ //创建目录 file.mkdirs(); } return dir; } public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { doGet(request, response); } }
3,web.xml中的配置
<servlet>
<servlet-name>UploadHandleServlet</servlet-name>
<servlet-class>com.xiaowen.servlet.UploadHandleServlet1</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>UploadHandleServlet</servlet-name>
<url-pattern>/servlet/UploadHandleServlet</url-pattern>
</servlet-mapping>
然后运行起来java端就可以了;
ios端:
1,上传工具类 UploadFile1.h
// // UploadFile1.h // 测试用 // // Created by lanou on 15/9/10. // Copyright (c) 2015年 lanou3g. All rights reserved. // #import <Foundation/Foundation.h> @interface UploadFile1 : NSObject // - (void)uploadFileWithURL:(NSURL *)url imageDic:(NSDictionary *)imgDic pramDic:(NSDictionary *)pramDic; @end
UploadFile1.m
// // UploadFile.m // 02.Post上传 // // Created by apple on 14-4-29. // Copyright (c) 2014年 itcast. All rights reserved. // #import "UploadFile1.h" @implementation UploadFile1 // 拼接字符串 static NSString *boundaryStr = @"--"; // 分隔字符串 static NSString *randomIDStr; // 本次上传标示字符串 static NSString *uploadID; // 上传(php)脚本中，接收文件字段 - (instancetype)init { self = [super init]; if (self) { // randomIDStr = @"itcast"; randomIDStr = @"V2ymHFg03ehbqgZCaKO6jy"; uploadID = @"uploadFile"; } return self; } #pragma mark - 私有方法 - (NSString *)topStringWithMimeType:(NSString *)mimeType uploadFile:(NSString *)uploadFile { NSMutableString *strM = [NSMutableString string]; [strM appendFormat:@"\r\n%@%@\r\n", boundaryStr, randomIDStr]; [strM appendFormat:@"Content-Disposition: form-data; name=\"%@\"; filename=\"%@\"\r\n", uploadID,uploadFile]; [strM appendFormat:@"Content-Type: %@\r\n\r\n", mimeType]; NSLog(@"%@", strM); return [strM copy]; } - (NSString *)bottomString:(NSString *)key value:(NSString *)value { NSMutableString *strM = [NSMutableString string]; [strM appendFormat:@"\r\n%@%@\r\n", boundaryStr, randomIDStr]; [strM appendFormat:@"Content-Disposition: form-data; name=\"%@\"\r\n\r\n",key]; [strM appendFormat:@"%@\r\n",value]; NSLog(@"%@", strM); return [strM copy]; } #pragma mark - 上传文件 - (void)uploadFileWithURL:(NSURL *)url imageDic:(NSDictionary *)imgDic pramDic:(NSDictionary *)pramDic { // 1> 数据体 NSMutableData *dataM = [NSMutableData data]; // [dataM appendData:[boundaryStr dataUsingEncoding:NSUTF8StringEncoding]]; for (NSString *name in [imgDic allKeys]) { NSString *topStr = [self topStringWithMimeType:@"image/png" uploadFile:name]; [dataM appendData:[topStr dataUsingEncoding:NSUTF8StringEncoding]]; [dataM appendData:[imgDic valueForKey:name]]; } for (NSString *name in [pramDic allKeys]) { NSString *bottomStr = [self bottomString:name value:[pramDic valueForKey:name]]; [dataM appendData:[bottomStr dataUsingEncoding:NSUTF8StringEncoding]]; } [dataM appendData:[[NSString stringWithFormat:@"%@%@--\r\n", boundaryStr, randomIDStr] dataUsingEncoding:NSUTF8StringEncoding]]; // 1. Request NSMutableURLRequest *request = [NSMutableURLRequest requestWithURL:url cachePolicy:0 timeoutInterval:20]; // dataM出了作用域就会被释放,因此不用copy request.HTTPBody = dataM; // NSLog(@"%@",dataM); // 2> 设置Request的头属性 request.HTTPMethod = @"POST"; // 3> 设置Content-Length NSString *strLength = [NSString stringWithFormat:@"%ld", (long)dataM.length]; [request setValue:strLength forHTTPHeaderField:@"Content-Length"]; // 4> 设置Content-Type NSString *strContentType = [NSString stringWithFormat:@"multipart/form-data; boundary=%@", randomIDStr]; [request setValue:strContentType forHTTPHeaderField:@"Content-Type"]; // 3> 连接服务器发送请求 [NSURLConnection sendAsynchronousRequest:request queue:[[NSOperationQueue alloc] init] completionHandler:^(NSURLResponse *response, NSData *data, NSError *connectionError) { if (connectionError) { NSLog(@"%@",connectionError); } NSString *result = [[NSString alloc] initWithData:data encoding:NSUTF8StringEncoding]; NSLog(@"%@", result); }]; } @end
2工具类的使用
ViewController.h
// // ViewController.h // 测试用 // // Created by lanou on 15/9/8. // Copyright (c) 2015年 lanou3g. All rights reserved. // #import <UIKit/UIKit.h> @interface ViewController : UIViewController @end
ViewController.m
// // ViewController.m // 测试用 // // Created by lanou on 15/9/8. // Copyright (c) 2015年 lanou3g. All rights reserved. // #import "ViewController.h" #import <CoreGraphics/CoreGraphics.h> #import <CoreText/CoreText.h> #import "UploadFile1.h" @interface ViewController () @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; UploadFile1 *upload = [[UploadFile1 alloc] init]; // 这里如果是在同一部电脑上开启的web服务的话,要用localhost,如果用ip的话有时候会出错 NSString *urlString = @"http://localhost:8080/UploadFile/servlet/UploadHandleServlet"; NSString *path = [[NSBundle mainBundle] pathForResource:@"1.jpg" ofType:nil]; NSData *data = [NSData dataWithContentsOfFile:path]; NSMutableDictionary *imageDic = [NSMutableDictionary dictionary]; [imageDic setValue:data forKey:@"1.jpg"]; [imageDic setValue:data forKey:@"2.jpg"]; NSMutableDictionary *pramDic = [NSMutableDictionary dictionary]; [pramDic setValue:@"测试文章标题" forKey:@"title"]; [pramDic setValue:@"测试的文章内容" forKey:@"content"]; [upload uploadFileWithURL:[NSURL URLWithString:urlString] imageDic:imageDic pramDic:pramDic]; } - (void)didReceiveMemoryWarning { [super didReceiveMemoryWarning]; // Dispose of any resources that can be recreated. } @end
补充说明:这里只是简单的实现,还有许多需要后续优化的地方,只在这里做个记录,做下知识点的收集
优化的地方:1,web端的图片只是做了存储,还没有提供给外部访问,需要继续优化,包括小图浏览
2,ios端的图片格式限制,大小限制,还有与web端的图片命名的一个约束.
3,ios端的block结果回调处理等.
