微信小程序实现图片上传功能实例（前端+PHP后端）
作者：下页、再停留 发布时间：2023-11-05 14:19:27
标签：微信小程序,php后端,图片上传
前言
几乎每个程序都需要用到图片。下面就来给大家介绍前端+PHP后端实现微信小程序实现图片上传功能，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。
方法如下：
一、wxml文件
<text>上传图片</text>
<view>
<button bindtap="uploadimg">点击选择上传图</button>
</view>
<image src='{{source}}' style='width:600rpx; height:600rpx' />
二、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);
}
}
}
运行结果：
console打印结果：
此时表示上传成功！
来源：http://www.cnblogs.com/zxf100/p/8075569.html
0
投稿猜你喜欢
- 很多语言都提供了对参数或变量进行处理的机制，作为灵活的Python，提供了一些针对函数处理的特殊方法filter(function, seq
- 实际运用中当我用SqliteAdmin以及SQLite Expert Professional 2软件新建Sqlite数据库的时候在ASP.
错误信息PS D:\parttime\python\django\guanxiangzhiji> python manage.py m- 项目地址：https://github.com/jrainlau/wallpaper-downloader前言好久没有写文章了，因为最近都在
- 在开发过程中，会遇到在命令行下将DOC文档（或者是其他Office文档）转换为PDF的要求。比如在项目中如果手册是DOC格式的，在项目发布时
- 什么是pyc文件pyc是一种二进制文件，是由py文件经过编译后，生成的文件，是一种byte code，py文件变成pyc文件后，加载的速度有
- 由于项目是thinkPHP做后端框架，一直以来都是多页面的后端路由，想使用火热的webpack有点无从下手（原谅我太菜，而且推广vue只有我
- 先给大家看一看美化之后的效果图：CSS：.div-select{ border: solid 1px #999; h
- 在炼丹时，数据的读取与预处理是关键一步。不同的模型所需要的数据以及预处理方式各不相同，如果每个轮子都我们自己写的话，是很浪费时间和精力的。P
- 安装的 MySQL 5.1.48 或是 MySQL 5.5.8，配置好最后点击 Execute 按钮了，但是进行不到 Start servi
- 写本篇文章之前其实也关注过vue中的一个关于加载动态组件is的API，最开始研究它只是用来实现一个tab切换的功能，使用起来也蛮不错的。is
- 一.序单从库名大概就能猜出其作用。sync.Once使用起来很简单, 下面是一个简单的使用案例package mainimport (&qu
- 概述基于Swoole的websocket服务，计划整合3篇进行技术整理，该服务主要有2个核心业务，用户消息服务(消息计数统计)和 客服IM消
- 写在前面最近写周赛题, 逃不开的一种题型是设计数据结构, 也就是第三题, 做这种题需要的就是对语言中的容器以及常用排序查找算法的掌握, 而我
- 指针的操作在Go语言中，指针是一种非常重要的类型，可以用来传递变量的地址而不是变量本身。定义指针在Go语言中，使用*运算符来定义指针。例如，
- 我们知道，正则表达式是一个处理字符串中很实用的技巧。然而，即便是Javascript写的很厉害的程序猿，有时也会忘掉正则表达式的语法，从而使
- 又是一杯奶茶~事情的经过是这样的：又是奶茶，行吧行吧。快点开工，争取李大伟回来之前搞定。李大伟说是6位数字密码那么我们可以利用python生
- 前言为了满足用户渠道推广分析和用户账号绑定等场景的需要，公众平台提供了生成带参数二维码的接口。使用该接口可以获得多个带不同场景值的二维码，用
- 如下所示：# -*- coding: utf-8 -*-# @Time : 2018/5/17 15:05# @Author :
- 我就废话不多说了，大家还是直接看代码吧~#coding=utf-8import cv2import numpy as npimg=cv2.i
