vue代碼
<template><div><input type="file" ref="fileInput" accept=".json"/><el-button @click="upload">上傳</el-button></div>
</template><script>
export default {name: "Upgrade",data() {return {}},methods: {upload() {const files = this.$refs.fileInput.filesvar formData = new FormData();let config = {headers: {"Content-Type": "multipart/form-data",},responseType: "blob", };formData.append("file", files[0]);formData.append("fromVersion", "3.2.1")formData.append("toVersion", "4.0.0")this.axios.post("/upgrade/apiConfig", formData, config).then((response) => {const link = document.createElement("a");let blob = new Blob([response.data], {type: "application/x-msdownload"});link.style.display = "none";link.href = URL.createObjectURL(blob);link.setAttribute("download", "apiConfig.json");document.body.appendChild(link);link.click();document.body.removeChild(link);});}}
}
</script><style scoped lang="less"></style>
springboot代碼
@RequestMapping(value = "/apiConfig", produces = "application/json;charset=UTF-8")public void convertApiConfig(@RequestParam("file") MultipartFile file, @RequestParam("fromVersion") String fromVersion, @RequestParam("toVersion") String toVersion, HttpServletResponse response) {OutputStream os = null;try {String s = IOUtils.toString(file.getInputStream(), "utf-8");String content = upgradeService.upgradeApiConfig(s, fromVersion, toVersion);response.setContentType("application/x-msdownload;charset=utf-8");response.setHeader("Content-Disposition", "attachment; filename=api_config.json");os = response.getOutputStream();os.write(content.getBytes("utf-8"));} catch (Exception e) {e.printStackTrace();} finally {try {if (os != null)os.close();} catch (IOException e) {e.printStackTrace();}}}
)
)
