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結果回調處理等.