一次性预览多张图片时遇到的问题

Posted 代码虐我千百遍,我待代码如初恋

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了一次性预览多张图片时遇到的问题相关的知识,希望对你有一定的参考价值。

控制台报错:

于是在stackoverflow上搜到这个答案:https://stackoverflow.com/questions/40348570/uncaught-domexception-failed-to-execute-readasdataurl-on-filereader-the-ob#

原因是:多张图片使用同一个FileReader对象读取报错

错误代码:

 

修改后:

 其他写法:

简化写法:

Tips:

预览多张图片,必须在input加上multiple属性

以上是关于一次性预览多张图片时遇到的问题的主要内容,如果未能解决你的问题,请参考以下文章

如何解决上传多张图片时遇到的oom问题

带删除和预览的多张图片上传 Laravel

带预览和删除、Jquery 和 Javascript 的多张图片上传

Slider FileReader JS 多张图片上传(递增索引)

上传前多张图片预览

上传多张图片时收到错误[重复]