• 上传图片
  • 前置配置
  • 上传图片小程序部分
  • 后端图片展示
    • 后台返回图片URL给小程序

    上传图片

    前置配置

    要在小程序中上传图片到服务器,需要先满足以下三个条件

    第一:服务器是使用HTTPS安全方式访问,不支持HTTP方式,并且HTTPS对应的SSL版本要大于等于1.2

    第二:小程序项目配置有APPID上传图片 - 图1

    第三:小程序管理平台有配置对应的HTTPS的域名

    上传图片 - 图2

    上传图片小程序部分

    预览效果上传图片 - 图3

    相关代码请参考安装包里weiapp_demo的upload页面,里面有完整的js,wxml,wxss代码,您只需要在上传图片的项目中复制这些代码过去就可以使用

    图片上传后请保存img_ids参数到数据库,多个图片时是以逗号分割的字符串格式。后面图片显示或者编辑,都需要用到这些图片ID

    后端图片展示

    由于上传图片后一般保存的是图片ID,因此展示需要转换成图片地址。

    后台返回图片URL给小程序

    通过接口获取到业务数据后,需要通过get_cover_url函数把图片ID转成URL,如:

    1. $id = input('id/d', 0);
    2. $news = D('News')->find($id);
    3. //假如有个封面图字段为cover,则:
    4. $news['cover'] = get_cover_url($news['cover']);
    5. .....

    如果是多图的字段,则需要转成数组处理

    1. $id = input('id/d', 0);
    2. $news = D('News')->find($id);
    3. //假如有个多个封面图的字段为covers,则:
    4. $covers = wp_explode(',', $news['covers']); //wp_explode类似explode,只是比后者多个过滤空值功能
    5. $news['covers'] = [];
    6. foreach($covers as $cover){
    7. $news['covers'][] = get_cover_url($cover);
    8. }
    9. .....