问题集中在两个点上, 前端微信小程序如何进行分片后端如何写接口接受分片并组合文件

如下图,我是用的组件是vant weapp.然后遇到问题就是无法把这个src的URL弄出来     <van-grid column-num="2" gutter="{{ 20 }}">       <van-grid-item wx:for="{{ fileList }}" wx:key="name" use-slot>         <view>           <image style="width: 100%; height: 90px;" src="{{ getFileIcon(item.name) }}" />           <text>{{ item.name }}</text>         </view>       </van-grid-item>     </van-grid> 上面是wxml代码.亲测把那个 src="{{ getFileIcon(item.name) }}" 改成正确的URL可以请求到图片 下面是JS代码 import {HOST} from '../../utils/http' Page({     data:{         HOST:HOST,         fileList: [             { name: 'img.png' },             { name: 'okk.zip' }           ]     },   getFileIcon(fileName) {     console.log("执行了一次")     const HOST = this.data.HOST; // 获取主机地址     const extension = fileName.split('.').pop().toLowerCase();     let icon = '';     switch (extension) {       case 'zip':         icon = HOST + 'fileType/zip.png';         break;       case 'mp4':         icon = HOST + 'fileType/video.png';         break;       case 'jpg':       case 'jpeg':       case 'png':         icon = HOST + 'fileType/img.png';         break;       case 'doc':       case 'docx':         icon = HOST + 'fileType/word.png';         break;       case 'xlsx':         icon = HOST + 'fileType/excel.png';         break;       case 'pdf':         icon = HOST + 'fileType/pdf.png';         break;       case 'mp3':         icon = HOST + 'fileType/sound.png';         break;       default:         icon = HOST + 'fileType/project.png'; // 默认情况下返回一个通用图标路径         break;     }     return icon;   } }) 上面的HOST是正确的主机地址,也就是说,其实 HOST + 'fileType/project.png' 这些都是正确的URL,但是这个 src="{{ getFileIcon(item.name) }}" 不知为何就是渲染不出来这个URL. (嗷对了还有,编译一次页面之后, console.log("执行了一次") 压根儿就没有执行过)

我发现我在电脑端调试的时候,可以从后端请求到图片,但是移动应用助手上面就不能显示,为什么???如图: [图片] [图片]

我试着用了navigateTo,但是效果实在是不行,有没有其他办法,求

或者说让用户自己来选择文件夹存储