iOS关于多张图片上传、地址返回顺序问题及解决方案

先看描述

需求是怎样的:for 循环里面、多个网络请求上传图片,每次上传一张,至于为什么每次只上传一张呢,因为上传一张将要返回图片存储服务器的地址,然后再把地址作为请求参数,请求自己服务器的 API。

过程可以说曲折,不过也有收获

解决方案一:

递归调用上传图片的函数、第一张请求成功后,然后第二张,依次进行。当然效率肯定不高,即使上传图片的AFN方法做了多线程处理。中间上传失败了,还继续上传吗?需求决定。所有放弃

解决方案二:

使用GCD 队列组:这里就直接贴代码了:

dispatch_group_t group = dispatch_group_create();
  for(..){
    dispatch_group_async(group,dispatch_get_global_queue(0, 0), ^{
    NSLog(@"队列组:有一个耗时操作完成!");
    });
   }
  dispatch_group_notify(group, dispatch_get_main_queue(), ^{
    NSLog(@"队列组:前面的耗时操作都完成了,回到主线程进行相关操作");
  });

我只能说想法很完美啊,网上也不只提出这种方案,但是我的实践过程是有问题了。网络请求延迟,队列组不可控。所以放弃

方案三:利用数组的有序性:

怎么个利用法?请看:

创建一个模型、两个属性第一个你要上传的数据信息如:image 或者 data ,根据你上传函数需要的参数来定。第二个属性:NSString URL 服务端返回的图片地址:

将你要上传的图片数组、封装成模型数组,数组是有序的这就是重点,for 循环 模型作为参数调用图片上传函数,请求成功后更新模型的值

判断所有的图片上传完毕,然后,就从模型数组里面去取 ,图片 url ,请求自己的服务器api

好了,应该很清楚吧。不清楚再上点干货:

model:

// 建立这个类的目的、主要是为了for循环多张图片上传、成功后回来的地址顺序问题
#import
@interface FMUploadModel : NSObject
//根据自己的上传函数需要决定
@property (nonatomic,strong) NSArray * dataArray;
@property (nonatomic,copy) NSString *imgUrl;
@end
function
//开辟一个多线程 执行图片上传工作
      dispatch_queue_t queue = dispatch_queue_create("upimgs", DISPATCH_QUEUE_CONCURRENT);
      dispatch_async(queue, ^{
        // 耗时操作放在这里
        __weak typeof(self) weakself = self;
        __block int finishNum = 0;
        for (int i = 0 ; i < self.selectImgs.count; i++) {
          YRFormData *getData = [[YRFormData alloc] init];
          getData.data = UIImagePNGRepresentation(self.selectImgs[i]);
          getData.name = @"uzee_image";
          getData.filename = @"head.png";
          getData.mimeType = @"image/png";
          NSArray *array = @[getData];
          //***********//
          FMUploadModel *model = [FMUploadModel new];
          model.dataArray = array;
          model.imgUrl = @"";
          [models addObject:model];
          /*******其实是一张一张传的,传数组是调用这个方法**********/
          [YRHttpTool postWithURLNoAES:@"*****" params:@{} formDataArray:model.dataArray success:^(id json) {
            finishNum ++ ;
            model.imgUrl = json[@"response"][@"cloud"];
            if (finishNum == self.selectImgs.count) {
              dispatch_async(dispatch_get_main_queue(), ^{
                // 回到主线程进行UI操作
                [MBProgressHUD hideHUDForView:weakself.view];
                updateImage();
              });
            }
          } failure:^(NSError *error) {
            dispatch_async(dispatch_get_main_queue(), ^{
              // 回到主线程进行UI操作
              [MBProgressHUD hideHUDForView:weakself.view];
              [MBProgressHUD showError:@"图片上传失败,请稍后再试" toView:self.view];
            });
          } progress:^(NSProgress *progress) {
            [[NSOperationQueue mainQueue] addOperationWithBlock:^{
              float value = 1.0 *progress.completedUnitCount / progress.totalUnitCount;
              [MBProgressHUD showDownload:@"发布中..." toView:weakself.view progress:value];
            }];
          }];
        }
      });

总结

以上所述是小编给大家介绍的iOS关于多张图片上传、地址返回顺序问题及解决方案,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!

(0)

相关推荐

  • 微信JSSDK多图片上传并且解决IOS系统上传一直加载的问题

    微信多图片上传必须挨个上传,也就是不能并行,得串行: 那么我们可以定义一个如下所示的上传函数: var serverIds = []; function uploadImages(localImagesIds) { if (localImagesIds.length === 0) { $.showPreloader('正在提交数据...'); $('form').submit(); } wx.uploadImage({ localId: localImagesIds[0], // 需要上传的图片

  • 详解IOS开发中图片上传时两种图片压缩方式的比较

    IOS 图片上传时两种图片压缩方式的比较 上传图片不全面的想法:把图片保存到本地,然后把图片的路径上传到服务器,最后又由服务器把路径返回,这种方式不具有扩展性,如果用户换了手机,那么新手机的沙盒中就没有服务器返回的图片路径了,此时就无法获取之前已经上传了的头像了,在项目中明显的不可行. 上传图片的正确方式:上传头像到服务器一般是将图片NSData上传到服务器,服务器返回一个图片NSString地址,之后再将NSString的路径转为url并通过url请求去更新用户头像(用户头像此时更新的便是NS

  • iOS实现相册多选图片上传功能

    本文实例为大家分享了iOS实现相册多选图片上传的具体代码,供大家参考,具体内容如下 原理:获取手机里的全部照片,显示在自定义的视图里 //获取到相册的所有图片 - (void)addAllPhotos{ @WeakObj(self); _assetsLibrary=[[ALAssetsLibrary alloc]init]; [_assetsLibrary enumerateGroupsWithTypes:ALAssetsGroupSavedPhotos usingBlock:^(ALAsset

  • 移动端html5图片上传方法【更好的兼容安卓IOS和微信】

    之前的移动端上传的方法,有些朋友测试说微信支持不是很好,还有部分安卓机也不支持,其实我已经有了另一个方法,但是例子还没整理出来,而联系我的很多朋友需要,所以就提前先发出来了,并且做一个简单的说明,就不做一个demo了. <!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=dev

  • iOS实现压缩图片上传功能

    本文实例为大家分享了iOS实现压缩图片上传功能,供大家参考,具体内容如下 #pragma mark - 打开相机 -(void)imagePickerController:(UIImagePickerController *)picker didFinishPickingMediaWithInfo:(NSDictionary<NSString *,id> *)info{ UIImage *image = info[UIImagePickerControllerOriginalImage]; s

  • iOS关于多张图片上传、地址返回顺序问题及解决方案

    先看描述 需求是怎样的:for 循环里面.多个网络请求上传图片,每次上传一张,至于为什么每次只上传一张呢,因为上传一张将要返回图片存储服务器的地址,然后再把地址作为请求参数,请求自己服务器的 API. 过程可以说曲折,不过也有收获 解决方案一: 递归调用上传图片的函数.第一张请求成功后,然后第二张,依次进行.当然效率肯定不高,即使上传图片的AFN方法做了多线程处理.中间上传失败了,还继续上传吗?需求决定.所有放弃 解决方案二: 使用GCD 队列组:这里就直接贴代码了: dispatch_grou

  • JS移动端/H5同时选择多张图片上传并使用canvas压缩图片

    最近在做一个H5的项目,里边涉及到拍照上传图片的功能以及识别图片的功能,这里对识别图片的功能不做赘述,不属本文范畴.我在做完并上线项目后,同事跟我提了一个要求是可不可以同时选择多张图片上传,我做的时候的想法是如果给file表单加了 multiple 属性就没有办法调用手机的摄像头拍照了,如果不加,就无法同时选择多张图片,于是我就照实跟同事说了这个情况.但回头一想,单张图片可以上传,那多张图片呢?于是就有了本文的内容. HTML5定义了 FileReader 作为文件 API 的重要成员用于读取文

  • 微信小程序实现多张图片上传功能

    本文实例为大家分享了微信小程序实现多张图片上传的具体代码,供大家参考,具体内容如下 Page({ /** * 页面的初始数据 */ data: { pics: [], count: 9, //上传图片最大数量 // showImgUrl: "", //路径拼接,一般上传返回的都是文件名, uploadImgUrl: 'https://xxx/UploadHandler.ashx', //图片的上传的路径 detailPics: [], //上传的结果图片集合 }, selectimag

  • 微信小程序多张图片上传功能

    微信小程序上传图片每次只能上传一张,所有很多朋友就会问想要多张图片上传怎么办? 首先,我们来看一看wx.chooseImage(object)和wx.uploadFile(OBJECT)这两个个api 示例代码是这样的: wx.chooseImage({ success: function(res) { var tempFilePaths = res.tempFilePaths wx.uploadFile({ url: 'http://example.weixin.qq.com/upload',

  • 微信小程序封装多张图片上传api代码实例

    这篇文章主要介绍了微信小程序封装多张图片上传api代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 代码如下 export default class Upload{ constructor(object) { this.obj = { count:1, sizeType:['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有 sourceType:['album','camera'], //

  • 上传文件返回的json数据会被提示下载问题解决方案

    最近项目中出现上传文件返回的json数据会被提示下载,只有在ie10+中才会出现这个问题.前端使用jQuery的插件ajaxForm提交表单,后台返回的数据格式为json.代码如下: 后端Python: 复制代码 代码如下: def jsonp(func):     """Wraps JSONified output for JSONP requests."""     @wraps(func)     def decorated_functio

  • golang Gin上传文件返回前端及中间件实现示例

    目录 上传文件 文件返回给前端 中间件 中间件调用两种方式 单个中间件 多个中间件 上传文件 package main import ( "fmt" "github.com/gin-gonic/gin" ) func main() { router := gin.Default() // 给表单限制上传大小 (默认 32 MiB) // router.MaxMultipartMemory = 8 << 20 // 8 MiB router.POST(&q

  • ionic选择多张图片上传的示例代码

    在上一篇博客ionic本地相册.拍照.裁剪.上传(单图完全版)中,跟大家分享了ionic项目选择本地图片.拍照.裁剪.上传到服务器的内容,但是上一节的内容由于使用了Cordova的Camera插件进行了图片选择与拍摄,所以每次只能支持1张图片的选择与上传.上一篇博客中的内容适合用于头像情景. 在本节中,跟大家分享使用Corodva的ImagePicker插件,实现多图选择与上传.废话不多说,进入主题. 插件安装 cordova plugin add corodva-plugin-imagepic

随机推荐