# 前置配置
要在小程序中上传图片到服务器,需要先满足以下三个条件
第一:服务器是使用HTTPS安全方式访问,不支持HTTP方式,并且HTTPS对应的SSL版本要大于等于1.2
第二:小程序项目配置有APPID
![](https://box.kancloud.cn/85e83b34e18a56c8a4636d1edfd908bd_535x375.png)
第三:小程序管理平台有配置对应的HTTPS的域名
![](https://box.kancloud.cn/3f41961011577bf827d3952cdac48baa_1291x753.png)
# 上传图片小程序部分
预览效果
![](https://box.kancloud.cn/7161c3ae06ff1878f2afbb202d989592_380x150.png)
相关代码请参考安装包里weiapp_demo的upload页面,里面有完整的js,wxml,wxss代码,您只需要在上传图片的项目中复制这些代码过去就可以使用
>[info] 图片上传后请保存img_ids参数到数据库,多个图片时是以逗号分割的字符串格式。后面图片显示或者编辑,都需要用到这些图片ID
# 后端图片展示
由于上传图片后一般保存的是图片ID,因此展示需要转换成图片地址。
## 后台返回图片URL给小程序
通过接口获取到业务数据后,需要通过get_cover_url函数把图片ID转成URL,如:
```
$id = input('id/d', 0);
$news = D('News')->find($id);
//假如有个封面图字段为cover,则:
$news['cover'] = get_cover_url($news['cover']);
.....
```
如果是多图的字段,则需要转成数组处理
```
$id = input('id/d', 0);
$news = D('News')->find($id);
//假如有个多个封面图的字段为covers,则:
$covers = wp_explode(',', $news['covers']); //wp_explode类似explode,只是比后者多个过滤空值功能
$news['covers'] = [];
foreach($covers as $cover){
$news['covers'][] = get_cover_url($cover);
}
.....
```
- 序言
- 安装
- composer安装
- git安装
- 下载源码安装
- 初始化数据库
- 增加定时任务
- 问题反馈
- 快速入门
- 系统框架图
- 系统功能清单
- 目录结构
- 数据库字典
- 插件开发
- 插件介绍
- 插件管理
- 创建插件
- 插件库
- 免费插件安装
- 付费插件安装
- 插件部署安装
- 数据模型
- 模型介绍
- 创建模型
- 模型管理
- 菜单配置
- 菜单介绍
- 增加菜单
- 公众号开发
- 公众号配置
- 快递接口配置
- 小程序开发
- 案例说明
- 小程序配置
- 自动获取用户信息
- 短信验证码
- 上传图片
- 生成小程序事件二维码
- 小程序支付
- 微信平台支付配置
- 小程序微信支付配置
- 小程序调用支付功能
- 异步接收支付结果
- 模板消息
- 消息模板配置
- 支付后发模板消息
- 提交表单后发模板消息
- 客服
- mpvue开发
- 项目打包
- 插件安装编译
- 部署
- Liunx服务器部署
- Window集成包部署
- 常见问题
- 上传图片失败
- PATHINFO配置
- 该公众号提供的服务出现故障
- 调试工具postman安装
- 商城商品有库存但显示已售罄