2023年12月21日发(作者：)

课时内容

文件上传和下载

掌握服务器域名配置和临时服务器部署的方法；

掌握t()接口的用法；

掌握File()接口和le()接口的用法；

实现制作文件上传和文件下载功能的小程序。

课时

4

教学目标

掌握t()接口的用法；

教学重难点

掌握File()接口和le()接口的用法；

实现文件上传和文件下载功能的小程序。

1.教学思路：介绍服务器域名配置和临时服务器部署的方法、使用t()接口、File()接口和le()接口、文件上传和文件下载功能的实现；通过多媒体演示和实机操作讲解微信小程序使用t()接口、File()接口和le()接口的使用，以及文件上传和文件下载功能的实现；通过小程序实战巩固基础知识。

2.教学手段：多媒体+计算机

3.教学资料：教材、多媒体课件

教学设计

教学内容

一、任务描述

本任务主要介绍小程序文件传输API的相关应用，其中包含文件的上传和下载功能，小程序允许使用相关接口与开发者或第三方服务器进行通信。文件上传功能主要配合开发者服务器使用；文件下载功能使用开发者服务器或第三方服务器均可。本节的学习目标：

（1）熟练掌握服务器域名配置和临时服务器部署的方法；

（2）熟练掌握t()接口的用法；

（3）熟练掌握File()接口和le()接口的用法。

以下来分别介绍文件上传和文件下载两种功能的程序编写。

二、导入新知

1. 文件的上传

①文件上传请求

小程序使用File(OBJECT)可以将本地资源上传到开发者服务器，在上传时将从客户端发起一个HTTPS POST请求到服务器，其中content-type为multipart/form-data。

该接口可以配合其他接口一起使用，例如页面通过lmage接口获取到一个本地资源的临时文件路径后可以通过此接口将本地资源上传到指定服务器。

②上传任务对象

File(OBJECT)接口返回一个 uploadTask对象，通过该对象可监听文件上传进度变