前台js base64 下载文件

在前台使用js进行base64格式的文件下载，可以通过以下步骤实现：

1.将base64格式的文件转换为Blob对象。

function base64ToBlob(base64Data, contentType) {
    contentType = contentType || '';
    var sliceSize = 1024;
    var byteCharacters = atob(base64Data);
    var bytesLength = byteCharacters.length;
    var slicesCount = Math.ceil(bytesLength / sliceSize);
    var byteArrays = new Array(slicesCount);

    for (var sliceIndex = 0; sliceIndex < slicesCount; ++sliceIndex) {
        var begin = sliceIndex * sliceSize;
        var end = Math.min(begin + sliceSize, bytesLength);

        var bytes = new Array(end - begin);
        for (var offset = begin, i = 0; offset < end; ++i, ++offset) {
            bytes[i] = byteCharacters[offset].charCodeAt(0);
        }
        byteArrays[sliceIndex] = new Uint8Array(bytes);
    }
    return new Blob(byteArrays, { type: contentType });
}

2.将Blob对象转换为URL。

function blobToUrl(blob) {
    return URL.createObjectURL(blob);
}

3.创建a标签并设置下载属性，将URL赋值给a标签的href属性，然后模拟点击a标签进行下载。

function downloadFile(url, fileName) {
    var a = document.createElement('a');
    a.href = url;
    a.download = fileName;
    a.click();
}

综上所述，可以通过以下代码实现前台js进行base64格式的文件下载：

var base64Data = '...'; // base64格式的文件数据
var contentType = 'image/png'; // 文件类型
var fileName = 'example.png'; // 文件名

var blob = base64ToBlob(base64Data, contentType);
var url = blobToUrl(blob);
downloadFile(url, fileName);