解决微信小程序上传图片不能回显的问题

后台处理要正确

首先要保证后台采用根据系统自动识别的方法返回地址分隔符（File.separator）

系统不同，结果不同。

按上述所说，后台根据系统自动识别，那么Linux系统将不会出现问题，返回的类型皆是（/pic/123）正确的。
而windows返回的则是单个 \ 此时到小程序前台则会被认为是转义符所以导致地址拼接错误。导致图片无法回显。

解决方法

第一种：后台规范性。如果能够保证Linux系统下正常返回，windows系统下放回的是两个地址分隔符 \ 这样也不会有问题。但是我尝试应该是小程序前台不能识别这种。我在web端 app端均没有此问题， windows系统下返回的地址分隔符都为 \ 这样就不会认为是转义符。
第二种：前台限制。根据返回的地址，在小程序前台增加函数约束，禁止转义即可

注意事项

我们的初衷是保证图片的回显。但不应该对图片的操作。所以存入后台数据库的附件地址格式不要更改否则会影响客户之前的图片数据操作。导致无法删除和回显。

解决微信小程序上传图片不能回显的问题相关推荐

小程序上传图片、回显、并上传到服务器
wx.chooseImage是获取图片,一个是 wx.uploadFile是上传图片 //选取图片 wx.chooseImage({count: 1,sizeType: ['original'],/ ...
微信小程序上传图片到服务器总是失败_微信小程序上传图片过大导致请求失败的解决方法...
很多时候我们都会碰到小程序上传图片时因为图片过大而导致请求失败,同时出现各种各样的问题,那么今天来给大家写一个微信小程序上传图片过大导致请求失败的完美解决办法. 以云开发小程序图片检测为例,如果图片过 ...
解决微信小程序银行卡号输入转换格式
解决微信小程序银行卡号输入转换格式问题 ps:2017-02-17 19:44 (发现新bug,暂已解决优化中) 新手第一次写博客,请多多见谅! (感觉会有更好的办法,希望有大牛能对我指点指点) 输入 ...
微信小程序上传图片至服务器Springboot接收格式的问题
微信小程序上传图片至服务器Springboot 需求:通过微信小程序上传图片到服务器,保存至服务器. 实现 Wxml <button bindtap="choose"> ...
解决微信小程序配置https不成功问题
解决微信小程序配置https不成功问题参考文章: (1)解决微信小程序配置https不成功问题 (2)https://www.cnblogs.com/ant-jmf17/p/8056989.html ...
解决微信小程序textarea层级太高遮挡其他组件的问题
解决微信小程序textarea层级太高遮挡其他组件的问题参考文章: (1)解决微信小程序textarea层级太高遮挡其他组件的问题 (2)https://www.cnblogs.com/pansid ...
uniapp 判断页面是否是横竖屏,解决微信小程序video组件全屏播放视频遮盖自定义播放控件问题
如果res.deviceOrientation 等于landscape 的话是竖屏,portrait则是横屏.因为用户每旋转一次屏幕就会触发里面的onShow钩子,因此在页面显示或横竖屏变化都会触发这 ...
解决微信小程序的video元素层级太高无法遮盖问题
解决微信小程序的video元素层级太高无法遮盖和show-play-btn属性失效问题今天在项目中遇到了这个问题,需要在微信小程序中用视频作为背景,微信开发者工具中模拟的没问题,真机调试就发现vid ...
解决微信小程序使用switchTab跳转后页面不刷新的问题
解决微信小程序使用switchTab跳转后页面不刷新的问题参考文章: (1)解决微信小程序使用switchTab跳转后页面不刷新的问题 (2)https://www.cnblogs.com/mmyk ...