Das JS-Frontend liest den Inhalt des lokal hochgeladenen Dateiobjekts (einschließlich Base64, Text, JSON, Blob, ArrayBuffer und andere Dateitypen).

Base64-Imagedatei lesen

file2Base64Image(file, cb) {
    const reader = new FileReader();
    reader.readAsDataURL(file);
    reader.onload = function (e) {
        cb && cb(e.target.result);//即为base64结果
    };
},

Text lesen, JSON-Datei Datei

readText(file, { onloadend } = {}) {
    const reader = new FileReader();
    reader.onloadend = function (e) {
        onloadend && onloadend(reader.result, e);
    };
    reader.readAsText(file);
},

Segmentierte Blob- Datei lesen ( ArrayBuffer )

FileReader.readAsArrayBuffer() – Referenz zur Web-API-Schnittstelle | MDN Die von der FileReader-Schnittstelle bereitgestellte Methode readAsArrayBuffer() wird verwendet, um mit dem Lesen des angegebenen Blob- oder Dateiinhalts zu beginnen. Wenn der Lesevorgang abgeschlossen ist, wird readyState zu DONE (abgeschlossen) und das Loadend-Ereignis wird ausgelöst. Die Ergebniseigenschaft enthält ein ArrayBuffer-Objekt zur Darstellung der Daten der gelesenen Datei. https://developer.mozilla.org/zh-CN/docs/Web/API/FileReader/readAsArrayBuffer

readArrayBuffer(file, { onloadstart, onprogress, onload } = {}) {
    const reader = new FileReader();
    // 开始读取
    reader.onloadstart = function (e) {
        onloadstart && onloadstart(e);
    };
    // 正在加载
    reader.onprogress = function (p) {
        onprogress && (parseFloat(p.loaded / file.size).toFixed(2));
    };
    // 加载完成
    reader.onload = function (e) {
        if (reader.error) { return; }
        let buffer = new Uint8Array(reader.result);
        onload && onload(reader.result, buffer, e);
    };
    reader.readAsArrayBuffer(file);
},