iOS上傳圖片詳解


iphone中圖像通常存儲在4個地方【相冊、應用程序包、沙盒、Internet】,通過這4個源,我們就可以存取應用圖片。

  相冊

  iphone的相冊包含攝像頭膠卷+用戶計算機同步的部分照片。用戶可以通過UIImagePickerController類提供的交互對話框來從相冊中選擇圖像。但是,注意:相冊中的圖片機器路徑無法直接從應用程序訪問,只能通過終端用戶去選擇和使用相冊圖片

  應用程序包

  應用程序包可能會將圖像與可執行程序、Info.plist文件和其他資源一同存儲。我們可以通過本地文件路徑來讀取這些基於包的圖像並在應用程序中顯示它們。

  沙盒

  借助沙盒,我們可以把圖片存儲到Documents、Library、tmp文件夾中。這些文件均可有應用程序讀取,且可以通過文件路徑創建圖像。盡管沙盒外的部分從技術上說是可行的,但是apple表明這些部分不在appstore應用程序允許訪問的范圍之內。

  Internet

  應用程序可以通過圖片的URL來訪問Internet上的資源。

  以上為一些小知識,來自《iphone開發秘籍(第二版)》,可以自己去參考此書。

  下面開始切入正題,從攝像頭/相冊獲取圖片,壓縮圖片,上傳圖片。

  從攝像頭/相冊獲取圖片

  剛剛在上面的知識中提到從攝像頭/相冊獲取圖片是面向終端用戶的,由用戶去瀏覽並選擇圖片為程序使用。在這里,我們需要過UIImagePickerController類來和用戶交互。

  使用UIImagePickerController和用戶交互,我們需要實現2個協議。

  View Code

  代碼如下

  #pragma mark 從用戶相冊獲取活動圖片

  - (void)pickImageFromAlbum

  {

  imagePicker = [[UIImagePickerController alloc] init];

  imagePicker.delegate = self;

  imagePicker.sourceType = UIImagePickerControllerSourceTypePhotoLibrary;

  imagePicker.modalTransitionStyle = UIModalTransitionStyleCoverVertical;

  imagePicker.allowsEditing = YES;//帶裁剪框

  [self presentModalViewController:imagePicker animated:YES];

  }

  我們來看看上面的從相冊獲取圖片,我們首先要實例化UIImagePickerController對象,然后設置imagePicker對象為當前對象,設置imagePicker的圖片來源為UIImagePickerControllerSourceTypePhotoLibrary,表明當前圖片的來源為相冊,除此之外還可以設置用戶對圖片是否可編輯。

  View Code

  代碼如下

  #pragma mark 從攝像頭獲取活動圖片

  - (void)pickImageFromCamera

  {

  imagePicker = [[UIImagePickerController alloc] init];

  imagePicker.delegate = self;

  imagePicker.sourceType = UIImagePickerControllerSourceTypeCamera;

  imagePicker.modalTransitionStyle = UIModalTransitionStyleCoverVertical;

  imagePicker.allowsEditing = YES;

  [self presentModalViewController:imagePicker animated:YES];

  }

  以上是從攝像頭獲取圖片,和從相冊獲取圖片只是圖片來源的設置不一樣,攝像頭圖片的來源為UIImagePickerControllerSourceTypeCamera。

  在和用戶交互之后,用戶選擇好圖片后,會回調選擇結束的方法。

  View Code

  代碼如下

  - (void) imagePickerController:(UIImagePickerController *)picker didFinishPickingMediaWithInfo:(NSDictionary *)info

  {

  UIImage *image= [info objectForKey:@"UIImagePickerControllerOriginalImage"];

  if (picker.sourceType == UIImagePickerControllerSourceTypeCamera)

  {

  // UIImageWriteToSavedPhotosAlbum(image, nil, nil, nil);

  }

  theImage = [UtilMethod imageWithImageSimple:image scaledToSize:CGSizeMake(120.0, 120.0)];

  UIImage *midImage = [UtilMethod imageWithImageSimple:image scaledToSize:CGSizeMake(210.0, 210.0)];

  UIImage *bigImage = [UtilMethod imageWithImageSimple:image scaledToSize:CGSizeMake(440.0, 440.0)];

  [theImage retain];

  [self saveImage:theImage WithName:@"salesImageSmall.jpg"];

  [self saveImage:midImage WithName:@"salesImageMid.jpg"];

  [self saveImage:bigImage WithName:@"salesImageBig.jpg"];

  [self dismissModalViewControllerAnimated:YES];

  [self refreshData];

  [picker release];

  }

  在回調結束的方法中,我們對圖片進行了大小的處理,為圖片的上傳做准備。

  縮放圖片

  縮放圖片比較簡單,就直接放上代碼,讓大家參考一下。

  View Code

  代碼如下

  //壓縮圖片   帶裁剪框

  + (UIImage*)imageWithImageSimple:(UIImage*)image scaledToSize:(CGSize)newSize

  {

  // Create a graphics image context

  UIGraphicsBeginImageContext(newSize);

  // Tell the old image to draw in this new context, with the desired

  // new size

  [image drawInRect:CGRectMake(0,0,newSize.width,newSize.height)];

  // Get the new image from the context

  UIImage* newImage = UIGraphicsGetImageFromCurrentImageContext();

  // End the context

  UIGraphicsEndImageContext();

  // Return the new image.

  return newImage;

  }

iOS  壓縮圖片   如下

  //壓縮圖片尺寸   不帶裁剪框

        float  scales = image.size.height / image.size.width;

        UIImage *normalImg;

        NSData *newData;

//(一)

        /*

         如果需要改動被壓大小,調整scale,而不是kk或aa

         */

        if (image.size.width > 1000 || image.size.height > 1000) {//這里的1000就是scale,所有的都要隨着改變

            if (scales > 1) {

                CGSize newSize = CGSizeMake(1000 / scales, 1000);

                UIGraphicsBeginImageContext(newSize);

                [image drawInRect:CGRectMake(0, 0, newSize.width, newSize.height)];

                normalImg = UIGraphicsGetImageFromCurrentImageContext();

            }else {

                CGSize newSize = CGSizeMake(1000 ,1000 * scales);

                UIGraphicsBeginImageContext(newSize);

                [image drawInRect:CGRectMake(0,0,newSize.width,newSize.height)];

                normalImg = UIGraphicsGetImageFromCurrentImageContext();

            }

        }

        else {

            normalImg=image;

        }

//(二)

        CGSize newSize = CGSizeMake(normalImg.size.width, normalImg.size.height);

        UIGraphicsBeginImageContext(newSize);

        [normalImg drawInRect:CGRectMake(0, 0, newSize.width, newSize.height)];

        UIImage* newImage = UIGraphicsGetImageFromCurrentImageContext();

        UIGraphicsEndImageContext()

        //圖片壓縮系數

        float kk = 1.0f;

        //圖片壓縮系數變化步長(可變)

        float aa = 0.1f;

        //壓縮后的大小

        int mm;

        mm=(int)UIImageJPEGRepresentation(newImage, kk).length;

        

        while (mm/1024 > 100) {

            if (kk > aa+aa/10) {

                kk -= aa;

                mm = (int)UIImageJPEGRepresentation(newImage, kk).length;

            }else{

                aa /= 10;

            }

        }

        newData = UIImageJPEGRepresentation(newImage, kk);//最后壓縮結果

        NSLog(@"11111------------===%ld",(long)newData.length/1024);

        if (newData.length/1024 > 100) {

            return nil;

        }else{

            UIImage *image = [UIImage imageWithData:newData];

            return image;

        }

    }

 

  存儲圖像

  在上面我們獲取到了圖片並對圖片進行了壓縮,通過之前的小知識了解到,將應用需要的一些圖片存入沙盒是個不錯的選擇,而且應用程序可以直接通過路徑去方法沙盒中的圖片,在這里我們將圖片存入沙盒中的Documents目錄下。

  View Code

  代碼如下

  #pragma mark 保存圖片到document

  - (void)saveImage:(UIImage *)tempImage WithName:(NSString *)imageName

  {

  NSData* imageData = UIImagePNGRepresentation(tempImage);

  NSArray* paths = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES);

  NSString* documentsDirectory = [paths objectAtIndex:0];

  // Now we get the full path to the file

  NSString* fullPathToFile = [documentsDirectory stringByAppendingPathComponent:imageName];

  // and then we write it out

  [imageData writeToFile:fullPathToFile atomically:NO];

  }

  從Documents目錄下獲取圖片

  要從Documents下面獲取圖片,我們首先需要獲取Documents目錄的路徑。

  View Code

  代碼如下

  #pragma mark 從文檔目錄下獲取Documents路徑

  - (NSString *)documentFolderPath

  {

  return [NSHomeDirectory() stringByAppendingPathComponent:@"Documents"];

  }

  然后,我們便可以通過文件名,去訪問獲取資源了。

  View Code

  上傳圖片

  項目中我們使用了ASIFormHttpRequest的開源框架,http請求的部分代碼如下,http返回以及相關回調方法略去。

  View Code

  代碼如下

  - (void)upLoadSalesBigImage:(NSString *)bigImage MidImage:(NSString *)midImage SmallImage:(NSString *)smallImage

  {

  NSURL *url = [NSURL URLWithString:UPLOAD_SERVER_URL];

  ASIFormDataRequest *request = [ASIFormDataRequest requestWithURL:url];

  [request setPostValue:@"photo" forKey:@"type"];

  [request setFile:bigImage forKey:@"file_pic_big"];

  [request buildPostBody];

  [request setDelegate:self];

  [request setTimeOutSeconds:TIME_OUT_SECONDS];

  [request startAsynchronous];

  }

最近調用系統相冊、相機發現是英文的系統相簿界面后標題顯示“photos”,但是手機語言已經設置顯示中文,糾結半天,最終在info.plist設置解決問題

info.plist里面添加Localized resources can be mixed YES

表示是否允許應用程序獲取框架庫內語言。 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM