Question

我有这个javascript代码。我在这里将blob转换为base64。调用时的reader.onloadend函数开始异步处理。 所以控制台（reader.result）应该在函数之后打印，在函数完成之前打印并给出错误的值（函数更改前的值）。我想使用reader.result的更改值完成async onload功能后。

        var reader = new window.FileReader();
        reader.readAsDataURL(array); 
        reader.onloadend = kk=function() {
            base64data = reader.result;                
            //console.log(base64data );
            //document.write(base64data);
            //document.getElementById('display1').setAttribute('src',base64data);
            return base64data
            }
            console(reader.result)

Answer 1

为什么不从onloadend处理程序调用另一个方法：

var reader = new window.FileReader();
        reader.readAsDataURL(array); 
        reader.onloadend = kk=function() {
            base64data = reader.result;
            // sync way - execution will start before the rest of the handler
            loadEndCtd(base64data);
            // or async way - execution will start after handler is done
            // setTimeout(function(){ loadEndCtd(base64data); },0);

            return base64data
            }

var loadEndCtd = function( data ){
    console.log(data);
}

Answer 2

当结果出现时，只需执行您想要执行的操作，即在回调函数中执行需要结果的代码：

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="org.hacktivity.datatemple">

<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

<application
    android:allowBackup="true"
    android:icon="@mipmap/ic_launcher"
    android:label="@string/app_name"
    android:supportsRtl="true"
    android:theme="@style/AppTheme">

    <provider
        android:name="android.support.v4.content.FileProvider"
        android:authorities="org.hacktivity.datatemple.fileprovider"
        android:grantUriPermissions="true"
        android:exported="false">
        <meta-data
            android:name="android.support.FILE_PROVIDER_PATHS"
            android:resource="@xml/filepaths" />
    </provider>


    <activity android:name=".MainActivity">
        <intent-filter>
            <action android:name="android.intent.action.MAIN" />

            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
    </activity>
</application>

</manifest>

由于异步函数延迟执行和完成，变量返回预定义值

2 个答案: