thinkPHP5 微信小程序 实现图片上传保存

<view class='item-ot'>
	<view class="item">
    <!-- 添加按钮 -->
    	<view class="addIcon" bindtap="chooseImage" wx:if="{{imgBoolean}}">
		<view class=''>
			<text style="font-size:66rpx">+</text>
			<view style="font-size:24rpx;">身份证正面</view></view>
       </view>
       <!-- 上传的图 -->
       <view class='itemImg' >
       		<image src="{{item}}" data-src="{{item}}" bindtap="previewImage"  mode="aspectFill" />
           	<!-- 删除按钮 -->
			<view class="delete" bindtap="deleteImg" data-index="{{index}}">X</view>
     	</view>
   </view>
</view>
chooseImage: function () {
    var that = this;
    // 选择图片
    wx.chooseImage({
      count: 1, // 默认9
      sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
      sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
      success: function (res) {
        // 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片
        var tempFilePaths = res.tempFilePaths
        console.log('1',tempFilePaths);
        wx.uploadFile({
          url: 'http://******.com/***/***/uploadimg',//接口地址
          filePath: tempFilePaths[0],
          name: 'file',
          formData: {
            'user': 'test'
          },
          success (res){
           console.log(res);
          }
        })
      }
    })
  },
 public function uploadimg()
{
	$file = request()->file('file');
	if ($file) {
		$info = $file->move('public/uploads/');//文件路径
		if ($info) {
			$file = $info->getSaveName();
            $res = ['errCode'=>0,'errMsg'=>'图片上传成功','file'=>$file];
            return json($res);
        }
    }  
}
  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Wise man

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值