Les mini-programmes sont devenus une direction de développement populaire en raison de leurs avantages d'être légers et rapides, mais en raison de leur emballage unique, de nombreux novices sont confus. Cet article utilise le backend PHP pour implémenter un simple téléchargement d'image de mini-programme, afin que tout le monde puisse avoir une compréhension plus claire du développement de mini-programmes.
1. fichier wxml
<text>上传图片</text> <view> <button bindtap="uploadimg">点击选择上传图</button> </view> <image src='{{source}}' style='width:600rpx; height:600rpx' />
2.
Page({ /** * 页面的初始数据 */ data: { //初始化为空 source:'' }, /** * 上传图片 */ uploadimg:function(){ var that = this; wx.chooseImage({ //从本地相册选择图片或使用相机拍照 count: 1, // 默认9 sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有 sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有 success:function(res){ //console.log(res) //前台显示 that.setData({ source: res.tempFilePaths }) // 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片 var tempFilePaths = res.tempFilePaths wx.uploadFile({ url: 'http://www.website.com/home/api/uploadimg', filePath: tempFilePaths[0], name: 'file', success:function(res){ //打印 console.log(res.data) } }) } }) }, )}
3. Code backend PHP
// 上传图片 public function uploadimg() { $file = request()->file('file'); if ($file) { $info = $file->move('public/upload/weixin/'); if ($info) { $file = $info->getSaveName(); $res = ['errCode'=>0,'errMsg'=>'图片上传成功','file'=>$file]; return json($res); } } }
Lecture connexe :
[Cours] Jouez facilement avec les didacticiels vidéo de développement et de production de mini-programmes WeChatExtraits de code de mini-programme couramment utilisés en PHPImplémentation d'une applet de loterie aléatoire simple basée sur PHP
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!