在线教育平台开发中,作业功能中的图片上传是如何实现的
时间:2022-07-23
本文章向大家介绍在线教育平台开发中,作业功能中的图片上传是如何实现的,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
目前,很多在线教育平台中,为了验证课堂的教学效果或学员学习情况,一般都内置了作业系统。学员在上传作业的过程中,有可能会上传多张图片并按序(自下而上)排列,那么这个功能是如何实现的呢?下面小编就以iOS版本的在线教育平台开发为例,来说明下,如何使用WKWebView来实现图片排列。
一、先创建一个wkwebview
- (WKWebView *)wkWebV{
if (!_wkWebV) {
_wkWebV = [[WKWebView alloc]initWithFrame:CGRectMake(0, 0, _window_width, _window_height)];
}
return _wkWebV;
}
二、创建一个获取图片数组
- (void)getImageData{
//图片链接数组,这里随便找了几张图片
NSArray *array = @[@“
https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1688444226,912774195&fm=26&gp=0.jpg",@"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1597380686451&di=9c0c95578967f990f80df47815f75403&imgtype=0&src=http%3A%2F%2F01.minipic.eastday.com%2F20161212%2F20161212144027_cded4c83f17c47604eb2be0530bb43ba_7.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来实现作业功能中的图片排列效果。
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Golang多线程简单斗地主
- Tomcat性能监控与调优
- Vue+SpringBoot项目实战(一) 搭建环境
- kubernetes(十九) Ceph存储入门
- Java并发编程(8)- 应用限流及其常见算法
- 字符集其实很简单
- kubernetes(二十)SpringCloud微服务容器化迁移
- HashMap? ConcurrentHashMap? 相信看完这篇没人能难住你!
- kubernetes(七) 二进制部署k8s(1.18.4版本)
- Java并发编程(7)- 线程调度 - 线程池
- Java并发编程(6)- J.U.C组件拓展
- Java并发编程(5)- J.U.C之AQS及其相关组件详解
- Python+selenium 自动化-启用带插件的chrome浏览器,调用浏览器带插件,浏览器加载配置信息。
- Java并发编程(4)- 线程安全策略
- Java并发编程(3)- 如何安全发布对象