保存图像基64 AngularJS Spring-Batch

Question

我需要允许用户从他的电脑选择一个图像，然后这个图像应该保存在数据库中的一个blob列。我有以下用于选择图像的代码：

<input type="file" id="fileSelector1" class="form-control" name="schemeupload" accept="image/jpeg" file-model="vm.schemeApply.documents[0]"/>

然后我必须将图像强制转换为base64以发送到后面(java)，然后在后面部分将base64字符串插入de blob列？还是我得用其他方式做？是我第一次要保存形象。

Answer 1

这是一个没有angularjs-file-model的普通JavaScript解决方案，演示了如何将选定的文件转换为Base64。您可以以此为起点：

function onFileSelected(input) {
    const reader = new FileReader();
    
    reader.addEventListener('load', event => {
        const dataURL = event.target.result;
        
        // Cut away "data:image/png;base64,"
        const base64 = dataURL.substring(dataURL.lastIndexOf(',') + 1);
        console.log(base64);
    });

    reader.addEventListener('error', () => {
        // Error handling code
    })
    
    reader.readAsDataURL(input.files[0]);
}

<input type="file" id="fileSelector1" class="form-control" name="schemeupload" accept="image/jpeg" onchange="onFileSelected(this)">