用FileReader写了一个上传多张图片，并把多张图片在本地预览，
图片放在li里面，想要做一个动画，就是图片上传到本地时，
先出来的图片先显示，还未出来的在原位置加一个动画或动图，
结果是有一个递进感，但写的时候没有递进的感觉，都很乱，上传的顺序不是一个一个的，
有哪位大神写过类似的案例？
一个FileReader的图片加载问题
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
2条回答 默认 最新
Rainbow890722 2019-06-14 10:30关注擅长语言 c语言 c++ python c# java matlab php js scala html 小程序网站建设 数据分析 数据结构 数据挖掘 机器学习
解决 无用评论 打赏举报 分享
- 2018-06-04 15:10回答 7 已采纳 你这样new出来的FileReader，底层是使用默认字符编码的，默认字符编码是Charset.defaultCharset()，这个是和运行环境有关的，也可以通过java命令行参数指定。 总之
- 2022-11-04 19:45回答 3 已采纳 没找到这个文件，路径不对。使用相对路径，文件需要在当前项目根目录下
- 2022-07-20 17:59回答 3 已采纳 使用localStorage本地存储可以实现 <!DOCTYPE html> <html lang="en"> <head> <meta char
- 2022-04-26 20:53奋斗的菜鸟.com的博客 压缩图片预览并上传 思路 用户通过input框选择图片 ...包含一个选择文件按钮和文字,file类型的input会有files属性，保存着文件的相关信息。 文件信息 由传入的file对象组成 <body> <input type=
- 2023-02-27 16:57回答 2 已采纳 1，新建一个.js文件，比如download.js，把你写的代码放进去 export function download(form) { var reportForm=form this.$api
- 2021-12-17 09:33回答 2 已采纳 不能直接for，for的话异步操作无法控制顺序做成一个函数循环调用，可以参考这个问题中我的回复，类似，只是一个是ajax，题主的是filereaderhttps://ask.csdn.net/ques
- 2023-01-15 17:41回答 5 已采纳 是不是这样的效果? 我这里用的是vue2.0的语法，如果是vue3.0的话还需要改改。 <template> <div class="home"> <div
- 2019-05-27 18:08我是刺猬姑娘的博客 FileReader是一种异步文件读取机制，结合input:file可以方便的读取本地文件(图片/txt) 一、input的file类型 <input type=“file” id = “inputBox”> 在页面上的显示是这样的： 当你点击选择文件的按钮，便...
- 2020-04-17 20:43回答 3 已采纳 因为你的代码贴的不完整，从前面 onload 的 function 后面的事件是异步触发的。 但是后面的 console.log 却是顺序的，可能会比修改 src 代码先执行，都加上打印看看执行顺序
- 2022-02-26 17:23回答 1 已采纳 https://www.npmjs.com/package/vue-cropper
- 2017-11-07 14:56回答 4 已采纳 FileReader类的read函数有两个重载形式。 一个即题目中的: ``` public int read() //读取单个字符，返回值为int类型，代表该字符的ascii码值
- 2022-07-15 21:11GoldenaArcher的博客 属性描述一个用来描述文件读取时发生异常的表示文件读取的状态\newline0为实例已创建，但是还没开始读取\newline1为已经开始读取\newline2为操作已完成读完的文件，格式为对应的调用函数2。....
- 2021-07-08 20:46回答 2 已采纳 字符编码的问题吧Java的虚拟机是UTF-16的,文件的编码是UTF-8或UTF-32才可以,如果是国人常用的GBK2313的话汉字部分就会是乱码
- 2024-01-10 20:18strong90的博客 【代码】前端使用FileReader进行大文件读取并转换为blob上传。
- 2023-01-08 10:00前端技术栈的博客 前言说起图片的马赛克，可能一般都是由后端实现然后传递图片到前端，但是前端也是可以通过canvas来为图片加上马赛克的，下面就通过码上掘金来进行一个简单的实现。实现实现过程<imgsrc=...
- 2022-11-23 08:00前端小二哥的博客 本篇文章提供前端图片压缩的方法
- 2023-05-18 19:02程序员小陈与BUG的博客 处理FileReader.onload在VUE中异步的问题
- 2022-04-24 21:25Jedi Hongbin的博客 fileReader的load事件是异步的 通过promise使其同步加载 export const loadFileAsync = (file: File): Promise<string | ArrayBuffer> => new Promise((resolve, reject) => { const fileReader = new...
- 没有解决我的问题, 去提问
悬赏问题
- ¥50 导入文件到网吧的电脑并且在重启之后不会被恢复
- ¥15 （希望可以解决问题）ma和mb文件无法正常打开，打开后是空白，但是有正常内存占用，但可以在打开Maya应用程序后打开场景ma和mb格式。
- ¥20 ML307A在使用AT命令连接EMQX平台的MQTT时被拒绝
- ¥20 腾讯企业邮箱邮件可以恢复么
- ¥15 有人知道怎么将自己的迁移策略布到edgecloudsim上使用吗？
- ¥15 错误 LNK2001 无法解析的外部符号
- ¥50 安装pyaudiokits失败
- ¥15 计组这些题应该咋做呀
- ¥60 更换迈创SOL6M4AE卡的时候，驱动要重新装才能使用，怎么解决？
- ¥15 让node服务器有自动加载文件的功能