2022-11-28 记录uniapp+小程序项目 如何上传excel、word、图片文件
这里直接用到微信提供的api:wx.chooseMessageFile
示例:
wx.chooseMessageFile({
count: 1,
success: (res) => {
const tempFilePaths = res.tempFiles;
if (tempFilePaths[0].path.indexOf(".docx") > -1) {
uni.uploadFile({
url: '你的接口地址',
filePath: tempFilePaths[0].path,
name: "file",
formData: {
token: '123', // 这里是传给后端的参数,我这里随便写的,你可以根据业务来安排
},
success: (res) => {
const req = JSON.parse(res.data);
alert(req.msg);
},
fail: (err) => {
console.log("出错了");
console.log(err);
alert("上传失败");
},
});
} else {
app.alert("请选择docx文件进行上传");
}
},
});
这里我对上传的文件进行了限制,如果选中的文件不是.docx后缀结尾的,就不允许上传,实际上,wx.chooseMessageFile允许所有文件类型上传,excel、word、图片不在话下。
我这里是对word上传进行了限制,不需要可以去掉。
uniapp上传接口(非图片、视频类)uni.chooseFile不支持小程序端,仅支持H5端,并且人家官方也说明了可以用微信的api,所以wx.chooseMessageFile是不二选择。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?