微信小程序php代码怎么上传,微信小程序中如何上传图片(代码示例)

本篇文章给大家带来的内容是关于微信小程序中如何上传图片(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

一、wxml文件上传图片

点击选择上传图

二、js文件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)

}

})

}

})

},

)}

三、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);

}

}

}

运行结果:

410d3effbe1b89e9e66395830216a690.png

console打印结果:

7a2b1987f52c2e7e69694586a31ff09f.png

此时表示上传成功!

相关推荐:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值