当前位置:   article > 正文

uniApp、微信小程序上传单个文件及多个文件_uni.uploadfile filepath只能单个嘛

uni.uploadfile filepath只能单个嘛

使用官方api - uni.uploadFile

这是单个文件上传写法

  1. /**
  2. * 单个上传文件方法
  3. */
  4. fun_GetFileUpload(){
  5. var that = this;
  6. // 请求接口
  7. uni.uploadFile({
  8. url: "url", // 后端接口
  9. formData: {}, // 需要上传的参数
  10. filePath: "", // 文件临时地址
  11. name: 'file', // 后端接收的文件名
  12. header: {}, // 请求头
  13. success: res => {
  14. console.log(res); // 打印返回内容
  15. // 判断请求是否成功
  16. if (res.statusCode === 200) {
  17. // 判断是否成功
  18. if(JSON.parse(res.data).result){
  19. // 成功的场合
  20. // 提示
  21. uni.showToast({
  22. title: JSON.parse(res.data).msg,
  23. icon: 'success',
  24. });
  25. }else{
  26. // 提示
  27. uni.showToast({
  28. title: JSON.parse(res.data).msg,
  29. icon: 'error',
  30. });
  31. }
  32. } else {
  33. // 提示
  34. uni.showToast({
  35. title: res.errMsg,
  36. icon: 'error',
  37. });
  38. }
  39. },
  40. fail: err => {
  41. console.log(err)
  42. }
  43. });},

这是上传多个文件写法

由于没有多个上传文件的方法,目前只能通过遍历的方式来进行多文件上传

  1. /**
  2. * 遍历上传文件
  3. */
  4. fun_TraversalFile(){
  5. var that = this;
  6. var frequency = 0; // 这个用于判断是否遍历结束
  7. // 遍历
  8. that.fileList.map(e=>{
  9. frequency ++; // 遍历一次+1
  10. // 请求接口
  11. uni.uploadFile({
  12. url: "", // 后端接口
  13. formData: { }, // 需要上传的参数
  14. filePath: "", // 文件临时地址
  15. name: 'file', // 后端接收的文件名
  16. header: {}, // 请求头
  17. success: res => {
  18. console.log(res); // 打印返回值
  19. // 判断请求是否成功
  20. if (res.statusCode === 200) {
  21. // 判断是否成功
  22. if(JSON.parse(res.data).result){
  23. // 成功的场合
  24. // 判断执行结束
  25. if(frequency === that.fileList.length){ // 判断遍历次数是否与需要上传的文件数组长度相同
  26. // 提示
  27. uni.showToast({
  28. title: JSON.parse(res.data).msg,
  29. icon: 'success',
  30. });
  31. }
  32. }else{
  33. // 提示
  34. uni.showToast({
  35. title: JSON.parse(res.data).msg,
  36. icon: 'error',
  37. });
  38. }
  39. } else {
  40. // 提示
  41. uni.showToast({
  42. title: res.errMsg,
  43. icon: 'error',
  44. });
  45. }
  46. },
  47. fail: err => {
  48. console.log(err)
  49. }
  50. });
  51. })
  52. },

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/66680
推荐阅读
相关标签
  

闽ICP备14008679号