美文网首页iOS开发知识积累ios
iOS 多选相册图片上传,添加、删除图片

iOS 多选相册图片上传,添加、删除图片

作者: 去你的联盟 | 来源:发表于2016-07-20 17:28 被阅读8351次

    通知:在使用下边的方法的时候出现的问题总结,猿友们看到后请自行更正。

    问题一:有人反映打开本demo的时候第一次打不开相册,必须重新启动一下才可以打开。

    此问题是由于初始化ZYQAssetPickerController懒加载造成的,在使用的时候不使用懒加载创建就可以解决

    问题二:本地化图片

    在demo中把图片确实本地化了一次,发现没有什么用。

    [self.imageDataArray addObject:imageData];
    

    因为这句代码已经把图片转换的字节流放到内存中了,再本地化一次感觉多此一举

    问题三:如果图片是在iCloud上面的话用ZYQAssetPickerController选择图片会崩溃

    如果图片不在本地而是在iCloud上面,需要把图片下载到本地然后在从本地选取。在第三方.m里面加上下面代码可以解决,加上之后虽然可以解决但是选择完图片在网络不好的情况下得等一会才可能看到选择的图片,方法还得自己写。

    requestOptions.networkAccessAllowed =  YES;
    

    以上是出现的问题,在经过对比之后朋友推荐一个更好的第三方TZImagePickerController,可以去github下载对比一下,感觉瞬间完爆本demo。

    上传图片功能在app里面很常见,单选图片,多选图片,然后还让展示出来等等,总之要求很多了,以前自己的项目中也用到了这个多选上传工能,当时写的比较着急,写的不是很好,最近闲下来就重新写了这个需求,先看图

    多选图片上传.gif

    仔细想一下的话也没那么麻烦
    首先多选相册里面的图片的话,我用的是第三方ZYQAssetPickerController 有兴趣的可以去github搜一下,因为以前项目中用得是这个。
    引入ZYQAssetPickerController,并遵守代理

            self.pickerController = [[ZYQAssetPickerController alloc] init];
            _pickerController.maximumNumberOfSelection = 8;
            _pickerController.assetsFilter = ZYQAssetsFilterAllAssets;
            _pickerController.showEmptyGroups=NO;
            _pickerController.delegate=self;
            _pickerController.selectionFilter = [NSPredicate predicateWithBlock:^BOOL(id evaluatedObject, NSDictionary *bindings) {
                if ([(ZYQAsset*)evaluatedObject mediaType]==ZYQAssetMediaTypeVideo) {
                    NSTimeInterval duration = [(ZYQAsset*)evaluatedObject duration];
                    return duration >= 5;
                } else {
                    return YES;
                }
    

    接下来在需要打开相册的地方present出来就可以我的里面是这样的

            [self presentViewController:self.pickerController animated:YES completion:nil];
    
    

    这样在相册里面就可以多选图片了,接下里就是回调了实现代理方法

    -(void)assetPickerController:(ZYQAssetPickerController *)picker didFinishPickingAssets:(NSArray *)assets{
    
    

    在这里处理你选中的图片

       
        dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{
            for (int i=0; i<assets.count; i++) {
                ZYQAsset *asset=assets[i];
                [asset setGetFullScreenImage:^(UIImage *result) {
                    dispatch_async(dispatch_get_main_queue(), ^{
                        //由于iphone拍照的图片太大,直接存入数组中势必会造成内存警告,严重会导致程序崩溃,所以存入沙盒中
                        //压缩图片,这个压缩的图片就是做为你传入服务器的图片
                        NSData *imageData=UIImageJPEGRepresentation(result, 0.8);
                        [self.imageDataArray addObject:imageData];
                        [self WriteToBox:imageData];
                        //添加到显示图片的数组中
                        UIImage *image = [self OriginImage:result scaleToSize:CGSizeMake(80, 80)];
                        [self.imageArray addObject:image];
                        [self.collectionView reloadData];
    
                    });
                    
                }];
            }
           
    
            
        });
        
        
        [self dismissViewControllerAnimated:YES completion:^{
            [self.collectionView reloadData];
        }];
    

    以上是代理方法中处理回调过来的图片,我这里面有两个数组,一个是imageArray,用于存储在集合视图显示的图片,一个是imageDataArray,用于存储压缩图片的字节流,我们不可能把选中的图片直接展示到集合视图上,iphone拍的照片太大(好几兆),尺寸也太大,这样放在我们集合视图那么小的imageview上面会出问题的,所以先剪裁图片,同时我把压缩的imageDataArray里面的原图存储在沙盒中,用于以后上传到服务器
    这个是存储到沙盒中的代码

    #pragma mark --------存入沙盒------------
    - (void)WriteToBox:(NSData *)imageData{
        
        _i ++;
        NSArray *filePath = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES);
        //获取Document文件的路径
        NSString *collectPath = filePath.lastObject;
       
        NSFileManager *fileManager = [NSFileManager defaultManager];
    
        if (![fileManager fileExistsAtPath:collectPath]) {
            
            [fileManager createDirectoryAtPath:collectPath withIntermediateDirectories:YES attributes:nil error:nil];
            
        }
        //    //拼接新路径
        NSString *newPath = [collectPath stringByAppendingPathComponent:[NSString stringWithFormat:@"Picture_%ld.png",_i]];
        NSLog(@"++%@",newPath);
        [imageData writeToFile:newPath atomically:YES];
    }
    
    
    

    这是剪裁图片,用于集合视图显示

    #pragma mark -----改变显示图片的尺寸----------
    -(UIImage*) OriginImage:(UIImage *)image scaleToSize:(CGSize)size
    {
        UIGraphicsBeginImageContext(size);  //size 为CGSize类型,即你所需要的图片尺寸
        
        [image drawInRect:CGRectMake(0, 0, size.width, size.height)];
        
        UIImage* scaledImage = UIGraphicsGetImageFromCurrentImageContext();
        
        UIGraphicsEndImageContext();
        
        return scaledImage;   //返回的就是已经改变的图片
    }
    
    

    再来就是集合视图展示了,集合视图创建就不说了,主要说一下里面的“+”号图片和删除
    删除代码

    #pragma mark --------删除图片-----------
    
    - (void)deleteImage:(UIButton *)sender{
        NSInteger index = sender.tag - 100;
    //    NSLog(@"index=%ld",index);
    //    NSLog(@"+++%ld",self.imageDataArray.count);
    //    NSLog(@"---%ld",self.imageArray.count);
       
        //移除显示图片数组imageArray中的数据
        [self.imageArray removeObjectAtIndex:index];
        //移除沙盒数组中imageDataArray的数据
        [self.imageDataArray removeObjectAtIndex:index];
        
        NSArray *filePath = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES);
        //获取Document文件的路径
        NSString *collectPath = filePath.lastObject;
        NSFileManager * fileManager = [NSFileManager defaultManager];
        //移除所有文件
        [fileManager removeItemAtPath:collectPath error:nil];
        //重新写入
        for (int i = 0; i < self.imageDataArray.count; i++) {
            NSData *imgData = self.imageDataArray[i];
            [self WriteToBox:imgData];
        }
        
            [self.collectionView reloadData];
        
        
    }
    

    再来就是里面的“+”号了,这里我用了两个CollectionViewcell,一个用来展示图片,一个用来展示“+”号图片,可能有其他更好的方法 不过我没想到 ...

    - (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section{
        return self.imageArray.count + 1 ;
    }
    
    
    - (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath{
    
        AddCollectionViewCell *cell1 = [collectionView dequeueReusableCellWithReuseIdentifier:@"identifier" forIndexPath:indexPath];
    
        if (self.imageArray.count == 0) {
            return cell1;
            
        }else{
        
        CollectionViewCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:@"cell" forIndexPath:indexPath];
    
            if (indexPath.item + 1 > self.imageArray.count ) {
    
                return cell1;
    
            }else{
                cell.imageV.image = self.imageArray[indexPath.item];
                [cell.imageV addSubview:cell.deleteButotn];
                cell.deleteButotn.tag = indexPath.item + 100;
                [cell.deleteButotn addTarget:self action:@selector(deleteImage:) forControlEvents:UIControlEventTouchUpInside];
            }
    
            return cell;
        }
    
    }
    

    以上就是主要代码了,可能写的有缺点,与各位共勉了

    Demo:https://git.oschina.net/T1_mine/UploadImage.git
    用TZImagePickerController简单写的 Demo:https://git.oschina.net/T1_mine/OtherUploadImage.git

    相关文章

      网友评论

      • MrHardy:选择图片后,点击完成,图片没有回传出来
      • 小马哥_064a:https://github.com/Mark-Ma-1988/PhotoSolution
        建议用这个库,类似微信的图片多选界面,并且同时支持Objective-C和Swift
      • __Always:demo为什么下载不了啊!!!!
      • 贫克慢:我就是有一个需求就是要显示时间排序是最新的照片在控制器最底下的位置,请指教如何在demo中实现呢?
      • SYSYSY:如何我想长按cell,拖动他 变化位置,应该怎么写
      • 小白梦想:你用TZImagePickerController写的demo是不是处理了图片压缩啊?
      • Buger123:你好,我现在碰到一个问题,每次选择图片之后,以前选择过的就会被覆盖,这个怎么改,我是今天用的,用pod,下载的最新版,demo用着就没有这个问题
      • yyggzc521:有这么一个需求假如maxImagesCount为3,初始化TZImagePickerController后就显示3个 “+”图标,请问大神应该怎么实现?谢谢!
        去你的联盟:@yyggzc521 好久没看过了,有点忘记了,不过你这个需求就是展示三个➕号点击一个上传一张图片,这个你完全可以自定义ui不用拘泥于这个第三方
      • yyggzc521:有这么一个需求假如maxImagesCount为3,初始化TZImagePickerController后就显示3个 “+”图标,请问大神应该怎么实现?谢谢!
      • 封丑儿:这个兄台,小弟想问一个问题,就是 即可以加载本地的照片,又可以在进入这一块的时候,初始化一部分网络照片,这部分网络照片也像本地选择的那样增删,这个要怎么做呢
      • Ego_1973:+的话可以标记一下,每次新创建的时候移除上一个,再添加一个新的,就不用再用一个cell,不过我的方法略笨....
      • 不明之人:NSData *imageData=UIImageJPEGRepresentation(result, 0.8);
        [self.imageDataArray addObject:imageData];

        self.imageDataArray如果加入过多的NSData 极其容易造成内存暴涨,最终导致奔溃,请问你那边还有其他好的解决方案吗?
        不明之人:@去你的联盟 谢谢回复,没试过这样操作。
        去你的联盟:@不明之人 你可以建一个自动释放池 把这些代码放在自动释放池中
      • 雾雨落:您好.我现在还要加上网络请求下来的图片展示出来, 应该怎么做呢? 在您的基础上, TZImagePickerController 写的Demo ,能说下思路吗? 谢谢!
        b1eacb30758d:@雾雨落 我也遇到这个问题,上传到服务器,然后再下载下来使用,能给我回复一下吗?
        雾雨落:@遗失的梦境 恩,解决了.改动了代码.
        遗失的梦境:拟解决了吗 我也遇到了这个问题 不知道怎么写
      • 每天刷两次牙:deom 发下谢谢,。。
        每天刷两次牙:@去你的联盟 看到了,谢啦
        去你的联盟: @Ming_en_long 文章下边有demo链接
      • 王拼命V587:下载之后发现Demo点击进入相册程序崩溃。
        去你的联盟: @王拼命V587 iOS10自己适配一下相册
      • B_C_H:咋选择相机拍摄?
      • 4a02187e2078:感谢分享!!!
      • 叶舞清风:不能打开系统相册
        叶舞清风:@去你的联盟 有些延迟
        叶舞清风:@去你的联盟 没了,重启一下App就可以了
        去你的联盟: @叶舞清风 设置里面更改一下,我在看一下,重新写一份
      • fba08aef555c:大神,求一份demo
      • 鬼丶白:运行demo在新设备上为什么要杀死一次demo再启动才可以访问到照片,一开始给了一个访问照片的提示框了点了允许,第一次运行到新设备还是访问不了照片,怎么改。
      • Jasmine_Lisa:明天回去就要用了,能不能改成水平方向的显示呢
        回味岁月:我这边需求也是水平滑动显示 朋友你做的如何了 有没有Demo之类的共享共享啊
        Jasmine_Lisa:@去你的联盟 水平滑动显示
        去你的联盟:@Jasmine_Lisa 你要怎样显示呢?
      • 失忆的程序员:666收藏关注着
      • First灬DKS:马上就要用到了,先搜藏了,写的不错!
        去你的联盟: @First灬DKS 可以的

      本文标题:iOS 多选相册图片上传,添加、删除图片

      本文链接:https://www.haomeiwen.com/subject/ibbvjttx.html