這幾天在搞iphone上面一個(gè)應(yīng)用的開發(fā),里面有需要攝像頭/相冊(cè)編程和圖片上傳的問題,在這里總結(jié)一下。
【部分知識(shí)】
iphone中圖像通常存儲(chǔ)在4個(gè)地方【相冊(cè)、應(yīng)用程序包、沙盒、internet】,通過這4個(gè)源,我們就可以存取應(yīng)用圖片。
相冊(cè)
iphone的相冊(cè)包含攝像頭膠卷+用戶計(jì)算機(jī)同步的部分照片。用戶可以通過uiimagepickercontroller類提供的交互對(duì)話框來從相冊(cè)中選擇圖像。但是,注意:相冊(cè)中的圖片機(jī)器路徑無法直接從應(yīng)用程序訪問,只能通過終端用戶去選擇和使用相冊(cè)圖片
應(yīng)用程序包
應(yīng)用程序包可能會(huì)將圖像與可執(zhí)行程序、info.plist文件和其他資源一同存儲(chǔ)。我們可以通過本地文件路徑來讀取這些基于包的圖像并在應(yīng)用程序中顯示它們。
沙盒
借助沙盒,我們可以把圖片存儲(chǔ)到documents、library、tmp文件夾中。這些文件均可有應(yīng)用程序讀取,且可以通過文件路徑創(chuàng)建圖像。盡管沙盒外的部分從技術(shù)上說是可行的,但是apple表明這些部分不在appstore應(yīng)用程序允許訪問的范圍之內(nèi)。
internet
應(yīng)用程序可以通過圖片的url來訪問internet上的資源。
以上為一些小知識(shí),來自《iphone開發(fā)秘籍(第二版)》,可以自己去參考此書。
下面開始切入正題,從攝像頭/相冊(cè)獲取圖片,壓縮圖片,上傳圖片。
從攝像頭/相冊(cè)獲取圖片
剛剛在上面的知識(shí)中提到從攝像頭/相冊(cè)獲取圖片是面向終端用戶的,由用戶去瀏覽并選擇圖片為程序使用。在這里,我們需要過uiimagepickercontroller類來和用戶交互。
使用uiimagepickercontroller和用戶交互,我們需要實(shí)現(xiàn)2個(gè)協(xié)議。
view code
代碼如下:
#pragma mark 從用戶相冊(cè)獲取活動(dòng)圖片
- (void)pickimagefromalbum
{
imagepicker = [[uiimagepickercontroller alloc] init];
imagepicker.delegate = self;
imagepicker.sourcetype = uiimagepickercontrollersourcetypephotolibrary;
imagepicker.modaltransitionstyle = uimodaltransitionstylecoververtical;
imagepicker.allowsediting = yes;
[self presentmodalviewcontroller:imagepicker animated:yes];
}
我們來看看上面的從相冊(cè)獲取圖片,我們首先要實(shí)例化uiimagepickercontroller對(duì)象,然后設(shè)置imagepicker對(duì)象為當(dāng)前對(duì)象,設(shè)置imagepicker的圖片來源為uiimagepickercontrollersourcetypephotolibrary,表明當(dāng)前圖片的來源為相冊(cè),除此之外還可以設(shè)置用戶對(duì)圖片是否可編輯。
view code
代碼如下:
#pragma mark 從攝像頭獲取活動(dòng)圖片
- (void)pickimagefromcamera
{
imagepicker = [[uiimagepickercontroller alloc] init];
imagepicker.delegate = self;
imagepicker.sourcetype = uiimagepickercontrollersourcetypecamera;
imagepicker.modaltransitionstyle = uimodaltransitionstylecoververtical;
imagepicker.allowsediting = yes;
[self presentmodalviewcontroller:imagepicker animated:yes];
}
以上是從攝像頭獲取圖片,和從相冊(cè)獲取圖片只是圖片來源的設(shè)置不一樣,攝像頭圖片的來源為uiimagepickercontrollersourcetypecamera。
在和用戶交互之后,用戶選擇好圖片后,會(huì)回調(diào)選擇結(jié)束的方法。
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];
}
在回調(diào)結(jié)束的方法中,我們對(duì)圖片進(jìn)行了大小的處理,為圖片的上傳做準(zhǔn)備。
縮放圖片
縮放圖片比較簡(jiǎn)單,就直接放上代碼,讓大家參考一下。
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;
}
存儲(chǔ)圖像
在上面我們獲取到了圖片并對(duì)圖片進(jìn)行了壓縮,通過之前的小知識(shí)了解到,將應(yīng)用需要的一些圖片存入沙盒是個(gè)不錯(cuò)的選擇,而且應(yīng)用程序可以直接通過路徑去方法沙盒中的圖片,在這里我們將圖片存入沙盒中的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
上傳圖片
項(xiàng)目中我們使用了asiformhttprequest的開源框架,http請(qǐng)求的部分代碼如下,http返回以及相關(guān)回調(diào)方法略去。
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];
}
更多信息請(qǐng)查看IT技術(shù)專欄