开发微信小程序犯下的nc错误，使用vant上传图片至云存储显示不出内容

46 阅读 0 评论 31 点赞

我是靠谱客的博主愤怒电源，最近开发中收集的这篇文章主要介绍开发微信小程序犯下的nc错误，使用vant上传图片至云存储显示不出内容，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

最近在参加了学校的小程序比赛，由于是新手，犯了很多弱智错误，如标题，使用vant的upload上传云存储，页面一直渲染不出图片，以下就是是我遇到的问题的解决方法，如有错误，请各路大佬指出。

1.如果上传云存储后无法在云存储上预览图片，则说明是文件的格式问题。在上传图片后把获取的临时路径加上后缀名字符串.png，这时候去云存储看一下是否可以预览图片，如果可以，那么表示文件没有问题，直接调用即可。

2.第二个问题则是在上传文件的同时还会录入一些信息，当提交信息时，数据信息与图片的云存储的地址会提交数据库，此时有一些人会定义一个上传文件的调用方法，在提交信息时去调用这个方法上传文件再把文件的地址存储。从而会导致图片上传云存储而fileid还没给到想要赋值的变量（最困惑的一点就是工具可以正常显示而真机调试上传信息却没有图片内容，有可能是网络延迟的问题）！！而信息就已经发送数据库了，到数据库一看，没有存入的url地址的字段。这里我建议就是不要使用自己定义的方法，在提交后重新打代码调用接口，然后success=>信息提交数据库就可以了。如果要用自己定义的方法，要在方法中设置success=>return。