因为之前一直传filePath,到了云存储后,发现上传的图片一直是无法加载出来的(如图)
先看一下微信小程序官方文档,这里最主要的难点就是"file"需要是一个文件对象。
ElementUI选择文件后,fileList里找到raw点开,你会发现这就是一个File对象!!!
那我们直接把这个raw传入即可
我的项目代码片段
//初始化
let first = function (callback) {
var c1 = new that.$cloud.Cloud({
//必填,表示是未登录模式
identityless: true,
//资源方 AppID
resourceAppid: 你的appid,
//资源方环境 ID
resourceEnv: 你的cloudid,
});
c1.init();
//回调
callback(c1);
};
//完成初始化后再回调,即可访问云数据库
let callback = async function (c1) {
console.log(that.fileList);
// 如果有图片先上传图片
for (let i = 0; i < that.fileList.length; i++) {
c1.uploadFile({
config: {
env: "cloud1-1ga8zsp16c57584a",
},
file: that.fileList[i].raw,
cloudPath: "JOB/" + Date.now() + "_" + that.fileList[i].name, // 上传至云端的路径
success: (res) => {
console.log(res.fileID);
//你的业务
//xxxxxxxxxxxxxxxxxxxxxx
});
}
}
};
first(callback);
完美解决