1. 解决方案1
    2. <van-uploader file-list="{{ fileList }}" max-count="1" deletable="{{ true }}" bind:after-read="afterRead"/>
    3. afterRead:function(event){
    4. console.log(event);
    5. const { file } = event.detail;
    6. const{fileList=[]} = this.data;
    7. fileList.push({url:file.path});
    8. this.setData({fileList})
    9. console.log(fileList)
    10. }
    11. ---------------------------------------------------------------------------------------
    12. 官方代码
    13. <van-uploader file-list="{{ fileList }}" bind:after-read="afterRead" />
    14. Page({
    15. data: {
    16. fileList: [],
    17. },
    18. afterRead(event) {
    19. const { file } = event.detail;
    20. // 当设置 mutiple 为 true 时, file 为数组格式,否则为对象格式
    21. wx.uploadFile({
    22. url: 'https://example.weixin.qq.com/upload', // 仅为示例,非真实的接口地址
    23. filePath: file.url,
    24. name: 'file',
    25. formData: { user: 'test' },
    26. success(res) {
    27. // 上传完成需要更新 fileList
    28. const { fileList = [] } = this.data;
    29. fileList.push({ ...file, url: res.data });
    30. this.setData({ fileList });
    31. },
    32. });
    33. },
    34. });
    35. ---------------------------------------------------------------------------------------
    36. 解决反感2
    37. <van-uploader file-list="{{ fileList }}" bind:after-read="afterRead" bind:delete="delete" multiple="{{true}}" preview-size='80rpx' max-count="1"/>
    38. // 图片预览
    39. afterRead(event) {
    40. const { file } = event.detail; // 当设置 mutiple 为 true 时, file 为数组格式,否则为对象格式
    41. this.setData({
    42. fileList: file,
    43. });
    44. this.uploadImg(file);
    45. },
    46. // 删除图片
    47. delete(event) {
    48. console.log(event);
    49. let imgDelIndex = event.detail.index;
    50. let fileList = this.data.fileList;
    51. fileList.splice(imgDelIndex, 1);
    52. console.log("删除图片的", fileList);
    53. this.setData({
    54. fileList,
    55. });
    56. this.uploadImg(fileList);
    57. },
    58. // 上传图片
    59. uploadImg(file) {
    60. let _this = this;
    61. var imgUrl = [];
    62. // 多张图片上传
    63. for (var i = 0; i < file.length; i++) {
    64. wx.uploadFile({
    65. url: baseUrl + forumUploadImg, //写自己的路径
    66. filePath: file[i].path,
    67. name: "img",
    68. formData: {
    69. img: file[i].path,
    70. },
    71. success: function (res) {
    72. },
    73. });
    74. }
    75. },