效果图

前端效果图

后端

功能比较简单，解释都在注释里，这里就不进行讲解了

代码

wxml


<view class="main">
<image src='{{source}}'/>
<button bindtap="uploadimg">拍照或上传图片</button>
</view>

js

Page({data:{source:"",},// 上传图片uploadimg:function(){var that = this;// 从本地相册选择图片或者使用相机拍照wx.chooseImage({count: 1,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: 'https://www.yyl.plus/PestIdentify/api/', filePath: tempFilePaths[0], name: 'file', success:function(res){ //打印console.log("响应数据：");console.log(res.data);},})}})}
})

php

<?php
// 上传图片
function uploadimg() { $file = $_FILES['file'];// $file = request()->file('file');if ($file) { //var_dump($file);// 获取文件后缀名$ext = pathinfo($file['name'], PATHINFO_EXTENSION);$target = '../public/upload/weixin/' . uniqid() . '.' . $ext;// 转移图片地址if (!move_uploaded_file($file['tmp_name'], $target)) {$GLOBALS['error_message'] = '上传图片失败';echo error_message;}$res = ['errCode'=>0,'error_message'=>'图片上传成功','file'=>$target];$data = json_encode($res);var_dump($data);  }
}uploadimg();

微信小程序图片上传功能（PHP后端）相关推荐

微信小程序图片上传九宫格拖拽组件
微信小程序图片上传&九宫格拖拽组件前言图片上传加九宫格拖拽是一个比较常用的组件,常用于发帖或者评论等内容上传模块,我这篇九宫格拖拽的思路是借鉴了一款优雅的小程序拖拽排序组件实现这篇文章实 ...
**微信小程序图片上传+后台PHP修改图片名称**
微信小程序图片上传+后台PHP修改图片名称前端代码:比较随意 <view class="weui-uploader"><view class="img ...
微信小程录制视频上传服务器,微信小程序-从相册获取图片,视频使用相机拍照,录像上传+服务器nodejs版接收-微信小程序视频上传功能-微信小程序视频上传...
在本文微信小程序-从相册获取图片使用相机拍照本地图片上传之前需要看看微信小程序-获取用户session_key,openid,unionid-后端为nodejs代码封装是在上文添加的.本文知识点:1. ...
微信小程序图片上传与内容安全审核
文章目录原由内容审核种类小程序云开发图片检测创建云函数编写图片检测代码小程序图片处理图片上传图片压缩云函数安全检测接入文本检测最后的坑原由之前有开发一个微信小程序,拥有图片 ...
微信小程序图片上传到java后台
前言关于云存储的文件上传,我想说的真的挺多的,这是一篇纯原创的基于小程序或者是SpringBoot的云存储的全过程. 整篇教学很细很细,适合于所有的java学习者,特别是刚刚结束学习java想要练 ...
uniApp 生成微信小程序图片上传提示 fail url not in domain list 的解决方法
问题表现: uniApp 生成微信小程序,获取内容程序不报错,但是图片上传提示 fail url not in domain list 错误. 问题分析: 微信小程序:服务器域名配置每个微信小程序需 ...
微信小程序-图片上传
微信小程序有原生的API接口,来进行图片的选取.上传 wx.chooseImage(Object object) | 微信开放文档 (qq.com)https://developers.weixin. ...
C#实现微信小程序图片上传
C#后端接口: public string FileUploads() {string parameters = "";try{string path = "/tmp/& ...
微信小程序图片上传（文字识别）
要点:OCR文字识别图片上传在最近的项目中遇到需要进行OCR识别,中间遇到的坑记录一下 OCR接口:采用百度OCR通用文字识别在进行调试过程中遇到下列问题: 百度ocr接口1.对图片经行base ...
微信小程序图片上传和预览以及取消上传图片案例
前言: 做小程序项目遇到一个需求,就是上传图片和预览,以及取消指定的图片,其实这个功能挺好搞的,借助微信官方的API结合实现,只不过注意一点细节.不多说了直接上代码和效果图.大家可以直接复制我的代码进 ...

微信小程序图片上传功能（PHP后端）

文章目录

效果图

前端效果图

后端

代码

wxml

js

php

微信小程序图片上传功能（PHP后端）相关推荐

最新文章

热门文章