本来有打算写一套小程序开发简明教程的。觉得系统讲起来可能挺耗费时间的。就先写一些容易遇到的问题的解决吧。
今天是2017-10-23，记一下这个日期，万一小程序的文档改了可能这个问题就不复存在了。
问题：
小程序API中，wx.uploadFile接口只能一次上传一个文件。如果要开发一个多图上传的功能，怎么样才能实现呢？
解决：
使用for循环，遍历图片选择器文件路径。贴代码
wx.chooseImage({
count: 9, // 默认9
sizeType: ['original', 'compressed'],
sourceType: ['album', 'camera'],
success: function (res) {
var tempFilePaths = res.tempFilePaths
for(var i=0;i<10;i++){
wx.uploadFile({
url: 'https://api.xianchen.com', //接口地址
filePath: tempFilePaths[i],
name: 'file',
formData: {
'user': 'test'
},
success: function (res) {
var data = res.data
//do something
}
})
}
}
})
后端代码：
后端使用PHP实现。需要注意的是，由于小程序上传传过来的文件名都是一样的，所以我们需要在服务端给传过来的文件改个名字。最简单的方式就是用Unix时间戳来命名。为了提高容错率，需要使用毫秒级的Unix时间戳。PHP不带这个函数，所以自己写了一个。
<?php
function msectime()
{
list($msec, $sec) = explode(' ', microtime());
return (float)sprintf('%.0f', (floatval($msec) + floatval($sec)) * 1000);
}
$type=substr($_FILES["file"]["name"],strrpos($_FILES["file"]["name"],"."));
move_uploaded_file($_FILES["file"]["tmp_name"],"upload/" .msectime().$type);
?>
