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



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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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




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

0