目前，很多在线教育平台中，为了验证课堂的教学效果或学员学习情况，一般都内置了作业系统。学员在上传作业的过程中，有可能会上传多张图片并按序（自下而上）排列，那么这个功能是如何实现的呢？下面小编就以iOS版本的在线教育平台开发为例，来说明下，如何使用WKWebView来实现图片排列。
一、先创建一个wkwebview
代码语言：javascript复制- (WKWebView *)wkWebV{
if (!_wkWebV) {
_wkWebV = [[WKWebView alloc]initWithFrame:CGRectMake(0, 0, _window_width, _window_height)];
}
return _wkWebV;
}二、创建一个获取图片数组
代码语言：javascript复制- (void)getImageData{
//图片链接数组，这里随便找了几张图片
NSArray *array = @[@“
https://img.yuanmabao.com/zijie/pic/2020/08/14/1lzamq0ympu.html",@"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1597380686451&di=9c0c95578967f990f80df47815f75403&imgtype=0&src=https://img.yuanmabao.com/zijie/pic/2020/08/14/4leqsivrfpw.jpeg"];
NSString *htmlStr = @“";
//遍历图片数组，添加img标签
for (NSString *str in array) {
NSString *ssss = [NSString stringWithFormat:@"<img src='%@'></img>",str];
htmlStr = [NSString stringWithFormat:@"%@%@",htmlStr,ssss];
}
//设置CSS
NSString * htmlStyle = @" <style type="text/css"> *{min-width: 100% !important;max-width: 100% !important;} img{ height: auto !important;} </style> “;
//把CSS和img标签拼接
htmlStr = [htmlStyle stringByAppendingString:htmlStr];
//使用WKWebview加载HTMLSting
[_wkWebV loadHTMLString:htmlStr baseURL:nil];
}以上就是在线教育平台开发中，如何使用WKWebView来实现作业功能中的图片排列效果。
