Element-ui中el-upload一次上传多张照片报错 Uncaught TypeError: Cannot set property ‘status‘ of null

<el-upload
   :action="uploadUrl"
   accept="image/jpeg,image/png"
   multiple
   :limit="5"
   :data="uploadConfig"
   :on-remove="(file, fileList) => { return handleRemoveByLogo1(file, fileList, 1); }"
   :before-remove="beforeRemove1"
   :before-upload="beforeUploadByLogo"
   :on-exceed="handleExceed"
   :on-preview="handlePreview1"
   :on-success="(res, file, files) => { return handleSuccessLogo1(res, file, files, 1); }"
   :file-list="imgJson[1].fileList"
   list-type="picture-card">
      <img src="./img/camera.png" />
      <span>拍照确认</span>
</el-upload>

在使用el-upload中,上传多个文件报错 Uncaught TypeError: Cannot set property 'status' of null

情况多发生为手动修改了 fileList的值。

绑定的file-list的图片数据源,自己不能手动进行修改,如果手动修改之后,上传多张图片就会报错 Cannot set property 'status' of null。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
这个错误通常是由于没有正确加载所需的 JavaScript 文件导致的。在这种情况下,可能是因为你没有正确加载 jQuery 或 FullCalendar 的 JavaScript 文件。请确保在 HTML 正确引入了这些文件,并且它们的路径是正确的。 以下是一个正确引入 jQuery 和 FullCalendar 的示例: ```html <!DOCTYPE html> <html> <head> <meta charset='utf-8' /> <link href='https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.10.2/fullcalendar.min.css' rel='stylesheet' /> <link href='https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.10.2/fullcalendar.print.min.css' rel='stylesheet' media='print' /> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js'></script> <script src='https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js'></script> <script src='https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.10.2/fullcalendar.min.js'></script> </head> <body> <div id='calendar'></div> <script> $(document).ready(function() { // page is now ready, initialize the calendar... $('#calendar').fullCalendar({ // put your options and callbacks here }) }); </script> </body> </html> ``` 在这个示例,我们使用了 jQuery 3.6.0 版本和 FullCalendar 3.10.2 版本。请注意,这里先引入了 jQuery,然后才引入 FullCalendar。这是因为 FullCalendar 是基于 jQuery 开发的,所以必须先加载 jQuery。 如果你仍然遇到这个错误,请检查你的代码并确保你正确引入了所需的 JavaScript 文件。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值