【JS】FileReader.result不能给变量赋值吗

lzn970721 · 发表于 2019-10-24 09:04

本帖最后由 lzn970721 于 2019-10-25 11:22 编辑

用FileReader读取图片转成Base64，但是给变量赋值就赋值不上，代码如图

输出的temp一直是空字符串但是在if里面直接输出reader.result却有值

已解决用async/await和Promise技术解决了

LaoJII · 发表于 2019-10-24 09:07

onload是异步事件函数你这样直接return是不会执行到onload里面的

lzn970721 · 发表于 2019-10-24 09:13

硬日菊花憋样红发表于 2019-10-24 09:07
onload是异步事件函数你这样直接return是不会执行到onload里面的

那请问要怎样才能赋值呀我想通过ajax传到后台

15774211127 · 发表于 2019-10-24 09:17

本帖最后由 15774211127 于 2019-10-24 09:21 编辑

为啥temp是空呢，因为alert(temp);执行在temp=xxx之前
为啥alert先执行呢，因为onload是异步的，执行到onload的时候不会进入function内部，而是直接向下执行，然后就遇到了alert，这时temp当然是空
为啥if里面reader1.result能有值呢，因为reader1.result本身就有内容，然后它在onload外面，所以当然有值
哪怎么解决呢，当然使用回调地狱

lzn970721 · 发表于 2019-10-24 09:21

15774211127 发表于 2019-10-24 09:17
为啥temp是空呢，因为alert(temp);执行在temp=xxx之前
为啥alert先执行呢，因为onload是异步的，执行到onl ...

那要怎么样才能让onload先执行呀

15774211127 · 发表于 2019-10-24 09:22

lzn970721 发表于 2019-10-24 09:21
那要怎么样才能让onload先执行呀

使用回调地狱
一层一层回调回去

lzn970721 · 发表于 2019-10-24 09:59

15774211127 发表于 2019-10-24 09:22
使用回调地狱
一层一层回调回去

有点没太搞懂这个onload在哪里写回调函数

15774211127 · 发表于 2019-10-24 10:07

以下不是标准代码，只是描述下，用中文不知道怎么表达
function imgToString(id, callback){
// 此处省略n多代码
onload = function(){
callback(reader1.result); //这里记得做校验，
  }
  // 此处省略n多代码
}

// 这里是你调用的地方
function xxx(){
  imgToString(x,function(){
// 这里写ajax
})
}

lzn970721 · 发表于 2019-10-24 10:24

15774211127 发表于 2019-10-24 10:07
以下不是标准代码，只是描述下，用中文不知道怎么表达
function imgToString(id, callback){
// 此处 ...

大概是明白了不过imgToString(x,function(){ ...... }) 这里的ajax里我要怎么获取到这个result呀

帐号		自动登录	找回密码
密码			注册[Register]

[已解决] 【JS】FileReader.result不能给变量赋值吗