Javascript 下载带有reactJS的xlsx文件:Excel无法打开文件
我正在尝试使用reactJS下载xlsx文件,但在下载后尝试打开文件时收到以下消息: “Excel无法打开文件'file.xlsx',因为文件格式或文件扩展名无效。请验证文件是否已损坏,以及文件扩展名是否与文件格式匹配” 这是前端代码:Javascript 下载带有reactJS的xlsx文件:Excel无法打开文件,javascript,excel,reactjs,download,xlsx,Javascript,Excel,Reactjs,Download,Xlsx,我正在尝试使用reactJS下载xlsx文件,但在下载后尝试打开文件时收到以下消息: “Excel无法打开文件'file.xlsx',因为文件格式或文件扩展名无效。请验证文件是否已损坏,以及文件扩展名是否与文件格式匹配” 这是前端代码: const REST_DOWNLOAD_URL = REST_URL + '/token'; Rest.ajaxPromise('GET', REST_DOWNLOAD_URL).then(function (res) { var FILE_URL = "/
const REST_DOWNLOAD_URL = REST_URL + '/token';
Rest.ajaxPromise('GET', REST_DOWNLOAD_URL).then(function (res) {
var FILE_URL = "/supermarket/token/" + res;
Rest.ajaxPromise('GET', FILE_URL).then(function (my_file) {
let blob = new Blob([my_file._body], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8' });
if (navigator.msSaveOrOpenBlob) {
navigator.msSaveBlob(blob, 'file.xlsx');
} else {
let link = document.createElement('a');
link.href = window.URL.createObjectURL(blob);
link.setAttribute('download', 'file.xlsx');
document.body.appendChild(link);
link.download = '';
link.click();
document.body.removeChild(link);
}
});
});
为什么我会犯这个错误?请有人帮帮我,我被困在这三个星期了
[编辑1]
我试图下载的文件是在后端构建的,基本上我从数据库中获取值,并使用ApachePOI工作簿创建excel工作表。我将向您展示代码的主要部分: 1) 此方法由前端在前端的首次获取请求时调用,目的是在下载之前准备文件。非常简单,只需创建一个令牌(buildToken())并将一个临时文件与该令牌(createTempFile(randomBackendToken))关联即可。临时文件中填充了我在数据库(createFile(os))中获得的内容 2) 创建临时文件的方法:
public OutputStream createTempFile(String randomBackendToken) throws IOException {
OutputStream os = null;
File file = File.createTempFile(randomBackendToken, ".xlsx");
os = new FileOutputStream(file);
return os;
}
3) 接收空临时文件并在数据库中填充数据的方法:
public void createFile(OutputStream os) throws IOException {
List<Supermakets> supermarkets = service.findAllSupermarkets();
Workbook workbook = writeExcel.createSheet(supermarkets);
workbook.write(os);
IOUtils.closeQuietly(os);
}
有什么怀疑吗?伙计们
问题是:我的二进制数据被javascript转换成字符串,这破坏了我的excel文件。我解决了将后端的二进制数据转换为文本的问题,然后在前端进行反向转换。以下链接帮助了我:
谢谢大家的帮助。我希望我的问题能帮助其他人你确定你的文件字节实际上是xlsx吗?我尝试下载的文件是构建在后端的,基本上我从数据库中获取值,并使用Apache poi工作簿创建excel工作表。我在上面的问题中添加了我后端的详细信息
public void createFile(OutputStream os) throws IOException {
List<Supermakets> supermarkets = service.findAllSupermarkets();
Workbook workbook = writeExcel.createSheet(supermarkets);
workbook.write(os);
IOUtils.closeQuietly(os);
}
private static String[] columns = {"Code", "Name", "Type"};
public Workbook createSheet(List<Supermarket> supermarkets) throws IOException {
Workbook workbook = new XSSFWorkbook();
Sheet sheet = workbook.createSheet("file");
[....]
// Row for Header
Row headerRow = sheet.createRow(0);
// Header
for (int col = 0; col < columns.length; col++) {
Cell cell = headerRow.createCell(col);
cell.setCellValue(columns[col]);
cell.setCellStyle(headerCellStyle);
}
//Content
int rowIdx = 1;
for (Supermarket supermarket : supermarkets) {
Row row = sheet.createRow(rowIdx++);
row.createCell(0).setCellValue(supermarket.getCode());
row.createCell(1).setCellValue(supermarket.getName());
row.createCell(2).setCellValue(supermarket.getType());
}
return workbook;
}
public void export(@PathVariable(value = "frontendToken") String frontendToken, HttpServletResponse response) throws IOException {
if (StringUtils.isNotBlank(frontendToken)) {
String tmpdir = System.getProperty("java.io.tmpdir");
File folder = new File(tmpdir);
File[] listOfFiles = folder.listFiles();
for (int i = 0; i < listOfFiles.length; i++) {
if (listOfFiles[i].isFile()) {
boolean fileIsValid = tokenGenerator.validateToken(frontendToken, listOfFiles[i]);
if (fileIsValid) {
InputStream input = new FileInputStream(listOfFiles[i]);
OutputStream output = response.getOutputStream();
int data = input.read();
while (data != -1) {
output.write(data);
data = input.read();
}
input.close();
output.flush();
output.close();
String mimeType = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
response.setContentType(mimeType);
listOfFiles[i].delete();
}
}
}
}
}
PK@SM_rels/.rels’ÁjÃ0†_ÅèÞ8í`ŒQ·—2èmŒî4[ILbËØÚ–½ýÌ.[Kì($}ÿÒv?‡I½Q.ž£uÓ‚¢hÙùØx>=¬î@ÁèpâH"Ã~·}¢