4.9 上传图片并实时显示上传进度/上传字节数 [iOS开发中的神兵利器]

1. 本节课将为您演示,如何上传图片至服务器,并实时显示上传的进度。首先在左侧的项目导航区,查看项目中已经导入的图片文件。

4.9 上传图片并实时显示上传进度/上传字节数 [iOS开发中的神兵利器]_第1张图片
image

2. 这张图片将被上传至服务器,接着打开视图控制器的代码文件。

4.9 上传图片并实时显示上传进度/上传字节数 [iOS开发中的神兵利器]_第2张图片
image

3. 现在开始编写代码,实现图片上传的功能。

4.9 上传图片并实时显示上传进度/上传字节数 [iOS开发中的神兵利器]_第3张图片
image

4. 在当前的类文件中,引入已经安装的第三方类库。

4.9 上传图片并实时显示上传进度/上传字节数 [iOS开发中的神兵利器]_第4张图片
image

5. 添加一个方法,首先实现一个简单的上传动作。

4.9 上传图片并实时显示上传进度/上传字节数 [iOS开发中的神兵利器]_第5张图片
image

6. 获得项目中的图片所在的路径。

4.9 上传图片并实时显示上传进度/上传字节数 [iOS开发中的神兵利器]_第6张图片
image

7. 然后通过调用网络操作库的上传方法,将指定位置的图片文件,上传到您自己的服务器接口。

4.9 上传图片并实时显示上传进度/上传字节数 [iOS开发中的神兵利器]_第7张图片
image

8. 上传完成之后,返回主线程,弹出上传结束的提示信息。

4.9 上传图片并实时显示上传进度/上传字节数 [iOS开发中的神兵利器]_第8张图片
image

9. 首先获得服务器返回对象的结果信息。

4.9 上传图片并实时显示上传进度/上传字节数 [iOS开发中的神兵利器]_第9张图片
image

10. 接着创建一个警告窗口,并设置弹出窗口的标题、信息和样式等属性。

4.9 上传图片并实时显示上传进度/上传字节数 [iOS开发中的神兵利器]_第10张图片
image

11. 初始化一个警告动作的按钮控件,当点击该按钮时,关闭弹出窗口。

4.9 上传图片并实时显示上传进度/上传字节数 [iOS开发中的神兵利器]_第11张图片
image

12. 将警告动作添加到窗口中,然后弹出警告窗口。

4.9 上传图片并实时显示上传进度/上传字节数 [iOS开发中的神兵利器]_第12张图片
image

13. 在视图加载完成之后的方法中,执行图片上传的任务。接着点击左上角的[编译并运行]按钮,启动模拟器预览项目。

4.9 上传图片并实时显示上传进度/上传字节数 [iOS开发中的神兵利器]_第13张图片
image

14. 项目启动后,图片被上传到指定的服务器接口,并弹出上传结束的提示窗口。点击此处的[停止]按钮,关闭模拟器。

4.9 上传图片并实时显示上传进度/上传字节数 [iOS开发中的神兵利器]_第14张图片
image

15. 继续代码的编写,添加另一个图片上传方法。

4.9 上传图片并实时显示上传进度/上传字节数 [iOS开发中的神兵利器]_第15张图片
image

16. 我们将在该方法中,实现图片的上传,并实时显示上传的进度。

4.9 上传图片并实时显示上传进度/上传字节数 [iOS开发中的神兵利器]_第16张图片
image

17. 获得项目中的图片所在的路径。

4.9 上传图片并实时显示上传进度/上传字节数 [iOS开发中的神兵利器]_第17张图片
image

18. 然后通过调用网络操作库的上传方法,将指定位置的图片文件,上传到您自己的服务器接口。同时在上传进度的方法中,处理返回的进度信息。

4.9 上传图片并实时显示上传进度/上传字节数 [iOS开发中的神兵利器]_第18张图片
image

19. 在控制台依次输出上传进度的完成比例、已经上传的字节数和总的字节数。

4.9 上传图片并实时显示上传进度/上传字节数 [iOS开发中的神兵利器]_第19张图片
image

20. 调用验证方法,验证上传的任务。

4.9 上传图片并实时显示上传进度/上传字节数 [iOS开发中的神兵利器]_第20张图片
image

21. 接着处理上传结束后,服务器返回的数据。

4.9 上传图片并实时显示上传进度/上传字节数 [iOS开发中的神兵利器]_第21张图片
image

22. 上传完成之后,返回主线程,弹出上传结束的提示信息。

4.9 上传图片并实时显示上传进度/上传字节数 [iOS开发中的神兵利器]_第22张图片
image

23. 首先获得服务器返回对象的结果信息。

4.9 上传图片并实时显示上传进度/上传字节数 [iOS开发中的神兵利器]_第23张图片
image

24. 接着创建一个警告窗口,并设置弹出窗口的标题、信息和样式等属性。

4.9 上传图片并实时显示上传进度/上传字节数 [iOS开发中的神兵利器]_第24张图片
image

25. 初始化一个警告动作的按钮控件,当点击该按钮时,关闭弹出窗口。

4.9 上传图片并实时显示上传进度/上传字节数 [iOS开发中的神兵利器]_第25张图片
image

26. 将警告动作添加到窗口中,然后弹出警告窗口。接着点击右侧的垂直滚动条,跳转到编辑区的顶部位置。

4.9 上传图片并实时显示上传进度/上传字节数 [iOS开发中的神兵利器]_第26张图片
image

27. 将此处的方法名称,修改成第二个图片上传方法。

4.9 上传图片并实时显示上传进度/上传字节数 [iOS开发中的神兵利器]_第27张图片
image

28. 接着点击左上角的[编译并运行]按钮,启动模拟器预览项目。

4.9 上传图片并实时显示上传进度/上传字节数 [iOS开发中的神兵利器]_第28张图片
image

29. 图片上传完成之后,在模拟器中弹出了上传结束的提示信息。点击此处的[停止]按钮,关闭模拟器,并观察控制台输出的上传进度的日志。

4.9 上传图片并实时显示上传进度/上传字节数 [iOS开发中的神兵利器]_第29张图片
image

本文整理自:《app开发中的神兵利器》,真正的[手把手]教学模式,用最快的速度上手iOS开发,苹果商店App Store免费下载:https://itunes.apple.com/cn/app/id1209739676,或扫描本页底部的二维码。课程配套素材下载地址:资料下载

4.9 上传图片并实时显示上传进度/上传字节数 [iOS开发中的神兵利器]_第30张图片
apps8 2.png

你可能感兴趣的:(4.9 上传图片并实时显示上传进度/上传字节数 [iOS开发中的神兵利器])