官方文档
https://developers.weixin.qq....
<view class="container">
<button bindtap="imgupload">上传图片</button>
</view>
const app = getApp()
Page({
data: {
},
imgupload(){
wx.chooseImage({
success (res) {
// 获取选取的图片
const tempFilePaths = res.tempFilePaths
// 循环上传每一张选取的图片
for (var i = 0; i < tempFilePaths.length; i++) {
wx.uploadFile({
url: '你的上传服务端https接口',
filePath: tempFilePaths[i],
name: 'file',
success (res){
const msg = JSON.parse(res.data).msg;
const url = JSON.parse(res.data).url;
const code = JSON.parse(res.data).code;
if(JSON.parse(res.data).code == 200){
wx.showToast({
title: '成功',
icon: 'success',
duration: 1000
})
console.log(url)
}else{
wx.showToast({
title: '上传失败',
icon: 'error',
duration: 1000
})
}
console.log(msg)
}
})
}
}
})
}
})
<?php
header("Content-Type:application/json");
// 允许上传的图片后缀
$allowedExts = array("jpeg", "jpg", "png");
// 后缀名
if ($allowedExts[0] == 'jpeg') {
$hzm = 'jpg';
}else{
$hzm = $allowedExts[0];
}
// 获取选择的文件
$temp = explode(".", $_FILES["file"]["name"]);
// 获取文件后缀名
$extension = end($temp);
if ((($_FILES["file"]["type"] == "image/gif")
|| ($_FILES["file"]["type"] == "image/jpeg")
|| ($_FILES["file"]["type"] == "image/jpg")
|| ($_FILES["file"]["type"] == "image/pjpeg")
|| ($_FILES["file"]["type"] == "image/x-png")
|| ($_FILES["file"]["type"] == "image/png"))
&& ($_FILES["file"]["size"] < 10485760) // 最大可以上传10MB
&& in_array($extension, $allowedExts))
{
if ($_FILES["file"]["error"] > 0)
{
$result = array(
'code' => 201,
'msg' => '上传失败'.$_FILES["file"]["error"]
);
}
else
{
// 判断当前目录下的 upload 目录是否存在该文件
// 如果没有 upload 目录,你需要创建它,upload 目录权限为 777
if (file_exists("upload/" . $_FILES["file"]["name"]))
{
$result = array(
'code' => 202,
'msg' => '文件已存在'
);
}
else
{
// 如果 upload 目录不存在该文件则将文件上传到 upload 目录下
$new_file = date("Y-m-d")."-".rand(10000,99999).".".$hzm;
move_uploaded_file($_FILES["file"]["tmp_name"], "upload/".$new_file);
$result = array(
'code' => 200,
'msg' => '上传成功',
'url' => '这里是图片路径,自己修改你的后端代码路径'.$new_file
);
}
}
}
else
{
$result = array(
'code' => 203,
'msg' => '不支持的文件格式'
);
}
echo json_encode($result,JSON_UNESCAPED_UNICODE);
?>
(1)后端代码需要在里面修改你的代码上传到服务器所在的路径,才能正常显示上传成功的图片地址,例如你的代码上传到服务器根目录下img目录,那么你需要将路径修改为http://域名/img/upload
(2)还需要在index.php的同一目录下新建一个名为upload文件夹,这个是用来存放上传后的图片文件的。
Author:TANKING
Date:2021-04-14
WeChat:sansure2016
Web:http://www.likeyun.cn/
通过 display:bolck/none 完成一个菜单栏的效果 图1: 首先下面是已经完成的一...
效果图: 整体效果: 视频加载: 拍照: 第一步:创建HTML元素 首先,我们要创建...
链接可以制作 WML 卡片来显示 WML 的锚功能,图像可以制作 WML 卡片来显示图像. ...
官方文档 https://developers.weixin.qq.... index.wxml view class="container"...
Dreamweaver中的代码想要插入注释,该怎么添加呢?下面我们就来看看详细的教程。...
content [Ctrl+A 全选 注: 引入外部Js需再刷新一下页面才能执行 ] 终于见识了这...
下面介绍一下div嵌套div时margin不起作用的解决方案。 顺便科普下margin的定义和...
不知道从什么时候开始,在网络上到处可以看到div+css,到底什么是div+css呢?难...
运维工程师这个岗位不同于后端开发岗位,到底运维工程师平时做什么? 老司机告诉...
本文学习的内容主要如下所示: 1.关闭按钮 2.Carets 3.快速设置浮动 4.内容区域...