微信JSSDK上传多张图片
作为一名开发者，你可能已经遇到过这样的问题：如何在微信JSSDK中上传多张图片。虽然微信官方提供了相关的API和示例代码，但是仍然存在一些困难和挑战。下面，我们将详细描述如何在后台PHP微信JSSDK中上传多张图片。
背景
微信JSSDK是一套用于开发者创建微信公众号应用的JavaScript SDK。它提供了一个简单易用的API，让开发者可以轻松地与微信服务器进行交互，实现各种功能，如分享、支付等。在这些功能中，上传图片是其中之一。
然而，在部分Android机型上，由于文件上传存在内存泄漏的问题，微信的内置浏览器会将文件上传屏蔽。这就导致了用户在使用微信浏览器访问网页时，无法正常上传图片。因此，我们需要找到一种解决方案来绕过这个问题。
解决方案
为了解决这个问题，我们可以尝试以下几种方法：
1. 使用微信的文件选择器：微信提供了一个文件选择器，可以让用户选择本地的图片文件，然后上传到服务器。我们可以在网页中使用这个文件选择器来实现图片上传。
2. 使用第三方库：有很多第三方库可以帮助我们实现图片上传功能，例如七牛云存储、阿里云存储等。这些库提供了一个简单易用的API，让我们可以轻松地上传图片到服务器。
3. 使用后台PHP脚本：我们也可以使用后台PHP脚本来实现图片上传功能。通过使用PHP的文件上传函数，我们可以将图片上传到服务器，然后返回给微信客户端。
下面，我们将详细描述如何在后台PHP微信JSSDK中上传多张图片。
步骤1：准备工作
首先，我们需要准备好一个后台PHP脚本来处理图片上传。我们可以使用PHP的文件上传函数来实现这个功能。例如：
```php
// 检查是否有文件被上传if ($_FILES['file']['error'] ==0) {
// 获取上传的文件信息 $file_info = getimagesize($_FILES['file']['tmp_name']);
// 检查文件类型是否允许上传 if (in_array($file_info['mime'], $allow_types)) {
// 将图片上传到服务器 move_uploaded_file($_FILES['file']['tmp_name'], 'uploads/' . $_FILES['file']['name']);
// 返回给微信客户端 echo json_encode(array('code' =>200, 'msg' => '图片上传成功'));
} else {
echo json_encode(array('code' =>400, 'msg' => '不允许上传的文件类型'));
}
} else {
echo json_encode(array('code' =>500, 'msg' => '没有文件被上传'));
}
?>
```
步骤2：在微信JSSDK中调用后台PHP脚本
接下来，我们需要在微信JSSDK中调用这个后台PHP脚本来实现图片上传。我们可以使用微信的文件选择器来让用户选择本地的图片文件，然后将该文件上传到服务器。
例如：
```javascript// 获取用户选择的图片文件var file = wx.chooseImage({
count:9, // 最多允许选择9张图片 sizeType: ['original', 'compressed'], // 允许选择原图或压缩图 sourceType: ['album', 'camera'], // 允许从相册或拍照中选择 success: function (res) {
var file = res.tempFiles[0];
// 将图片上传到服务器 wx.uploadFile({
url: ' filePath: file.path,
name: 'file',
header: {'Content-Type': 'application/octet-stream'},
success: function (res) {
console.log(res);
},
fail: function (res) {
console.log(res);
}
});
},
fail: function (res) {
console.log(res);
}
});
```
步骤3：处理后台PHP脚本的返回结果
最后，我们需要在微信JSSDK中处理后台PHP脚本的返回结果。例如：
```javascript// 处理后台PHP脚本的返回结果wx.uploadFile({
url: ' filePath: file.path,
name: 'file',
header: {'Content-Type': 'application/octet-stream'},
success: function (res) {
var result = JSON.parse(res.data);
if (result.code ==200) {
console.log('图片上传成功');
} else {
console.log(result.msg);
}
},
fail: function (res) {
console.log(res);
}
});
```
通过以上步骤，我们可以在后台PHP微信JSSDK中实现多张图片的上传功能。
