1、wx.uploadFile(OBJECT)
将本地资源上传到开发者服务器。如页面通过 wx.chooseImage 等接口获取到一个本地资源的临时文件路径后,可通过此接口将本地资源上传到指定服务器。客户端发起一个 HTTPS POST 请求,其中 content-type 为 multipart/form-data 。
OBJECT参数说明:参数类型必填说明
urlString是开发者服务器 url
filePathString是要上传文件资源的路径
nameString是文件对应的 key , 开发者在服务器端通过这个 key 可以获取到文件二进制内容
headerObject否HTTP 请求 Header , header 中不能设置 Referer
formDataObject否HTTP 请求中其他额外的 form data
successFunction否接口调用成功的回调函数
failFunction否接口调用失败的回调函数
completeFunction否接口调用结束的回调函数(调用成功、失败都会执行)
success返回参数说明:参数类型说明
dataString开发者服务器返回的数据
statusCodeNumberHTTP状态码
演示代码
选择图片并上传
//js
Page({
chooseImg:function(){
wx.chooseImage({
count: 1, // 默认9
sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
success: function (res) {
var tempFilePaths = res.tempFilePaths
wx.uploadFile({
url: 'https://demo.hcoder.net/index.php?c=uperTest', //仅为示例,非真实的接口地址
filePath: tempFilePaths[0],
name: 'file',
formData:{
'user': 'test'
},
success: function(res){
var data = res.data
console.log(res);
}
})
}
})
}
})
服务器端演示代码(php版)<?php
class uperTestController extends witController{
public function index(){
if(!empty($_FILES['file'])){
//获取扩展名
$exename = $this->getExeName($_FILES['file']['name']);
if($exename != 'png' && $exename != 'jpg' && $exename != 'gif'){
exit('不允许的扩展名');
}
$imageSavePath = uniqid().'.'.$exename;
if(move_uploaded_file($_FILES['file']['tmp_name'], $imageSavePath)){
echo $imageSavePath;
}
}
}
public function getExeName($fileName){
$pathinfo = pathinfo($fileName);
return strtolower($pathinfo['extension']);
}
}
2、 wx.downloadFile(OBJECT) 下载文件资源到本地
客户端直接发起一个 HTTP GET 请求,返回文件的本地临时路径。
OBJECT参数说明:参数类型必填必填
urlString是下载资源的 url
headerObject否HTTP 请求 Header
successFunction否下载成功后以 tempFilePath 的形式传给页面,res = {tempFilePath: '文件的临时路径'}
failFunction否接口调用失败的回调函数
completeFunction否接口调用结束的回调函数(调用成功、失败都会执行)
注意
文件的临时路径,在小程序本次启动期间可以正常使用,如需持久保存,需在主动调用 wx.saveFile,在小程序下次启动时才能访问得到。
示例代码:
下载文件
//js
Page({
downlaodFile:function(){
wx.downloadFile({
url: 'https://demo.hcoder.net/logo.png', //仅为示例,并非真实的资源
success: function(res) {
console.log(res.tempFilePath);
}
})
}
})