阅读过前几篇文章的朋友知道微信小程序普通信息交互非常简单,只需通过wx.request接口即可。要注意的一件事是,如果它是POST请求,则标头参数的内容类型必须设置为application / x-www-form-urlencoded,否则服务器将无法从小程序POST接收数据。
微信小程序
代码示例:wx.request({url:'{APIKEY}',method:'POST',data:'num = 10',//参数是键值对字符串标头:{// Set参数content类型为x-www-form-urlencoded'content-type':'application / x-www-form-urlencoded','Accept':'application / json'},成功:function(res){控制台。 log(res .data)that.setData({items:res.data})}})
但是,简单的文本数据交互可能还不够。如果您的小程序需要下载服务器端文件,并且小程序用户将本地文件上传到服务器端怎么办?在这里,您需要使用小程序另外两个接口wx.downloadFile和wx.uploadFile。 微信小程序中所有正式提供的API接口均以wx开头。
一、下载文件界面wx.downloadFile(对象)
要在本地下载文件资源,客户端将直接启动HTTP GET请求,并返回文件的本地临时路径。
对象参数说明:
小程序下载文件界面
无论是上传还是下载或其他功能,您都可以在小程序的背景中找到相应的方法界面和说明文档。通常,将存在一种形式的对象参数描述。您只需要根据官方声明进行呼叫或传递即可。相应的参数就足够了。例如,在上面的下载界面参数描述中,最左边是此方法可以传递的参数,中间的必填字段表示此参数是否可选。如果不需要,它将按需传递。不需要使用的功能可以忽略。参数。
上表中的“类型”列是什么意思?
string是由数字,字母和下划线组成的字符串。通常它是一个特定的内容。例如,小程序下载文件的方法需要指定下载文件的资源地址(URL),然后该URL是字符串内容。
对象是一个对象,什么是对象,在上一篇文章中已经介绍过。对象是数据的集合。上一篇文章中引用了一个示例:Lovers:{NiuLangGirl:“ Weaver Girl”},这是一个Lovers对象,NiuLangGirl的值是Weaver Girl。然后在小程序下载方法中,您可以传递一个标头对象以在HTTP请求中指定标头(具体来说,您可以指定那些标头,您可以使用百度http / header),请注意右侧的提示表单参数列中的标题,这是参数,它是可选的,因此,除非有特殊要求,否则无需传递它。
Function是一个函数。注意,这里的功能是计算机功能,可以理解为一系列程序的子集,即程序模块,其实现单个功能。例如,在下载文件的小程序方法中,用于请求成功的指定功能为成功。此功能的描述是在下载成功后以tempFilePath的形式传递到页面,res = {tempFilePath:'文件的临时路径'},这意味着在文件请求成功后,将有一个res对象。返回,并且tempFilePath的值是文件的临时路径。调用wx.saveVideoToPhotosAlbum接口在本地保存文件时,将临时路径传递到filePath参数,以将文件保存到用户的手机。
代码示例:在JS文件DownLoadFile中编写程序逻辑:function(){var that = this; wx.downloadFile({url:'',success:function(res){console.log(res.tempFilePath)that。setData({resource:res.tempFilePath})}})}