前端传文件到后端进行处理

        // 将pdf输入为base格式的字符串
        var buffer = pdf.output("datauristring");
        // 将base64格式的字符串转换为file文件
        var myfile = dataURLtoFile(buffer, fileName);
        var formData = new FormData();
        formData.append('newFile', myfile);


		//将base64转换为文件对象
	    const dataURLtoFile = (dataurl, filename) => {
	        var arr = dataurl.split(',');
	        var mime = arr[0].match(/:(.*?);/)[1];
	        var bstr = atob(arr[1]);
	        var n = bstr.length;
	        var u8arr = new Uint8Array(n);
	        while (n--) {
	            u8arr[n] = bstr.charCodeAt(n);
	        }
	        //转换成file对象
	        return new File([u8arr], filename, {type: mime});
	        //转换成成blob对象
	        // return new Blob([u8arr],{type:mime});
	    };

打印的myfile
在这里插入图片描述

后端使用MultipartFile接收,然后上传到oss中,处理成功后返回地址和名称在这里插入图片描述

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
前端使用FormData对象可以将表单数据上传后端。在后端接收到FormData对象后,可以使用不同的方式进行处理,下面介绍两种处理方式。 第一种方式:使用Spring MVC框架 如果后端使用Spring MVC框架,可以使用@RequestParam注解接收FormData对象中的参数,具体代码如下: ```java @PostMapping("/upload") public String handleUpload(@RequestParam("file") MultipartFile file) { // 处理上传文件 // ... return "success"; } ``` 说明: 1.使用@PostMapping注解标识处理上传请求的方法。 2.使用@RequestParam注解接收FormData对象中的参数,其中参数名为"file"。 3.参数类型为MultipartFile,可以通过该对象获取上传文件内容和文件名等信息。 第二种方式:使用原生Servlet API 如果后端使用原生Servlet API,可以使用request.getParameter()方法获取FormData对象中的参数,具体代码如下: ```java protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String name = request.getParameter("name"); String age = request.getParameter("age"); // ... } ``` 说明: 1.使用doPost()方法接收上传请求。 2.使用request.getParameter()方法获取FormData对象中的参数,其中参数名为"name"和"age"。 3.通过获取的参数值进行后续处理。 注意:在使用第二种方式处理FormData对象时,如果上传文件内容较大,可能会出现内存溢出问题。此时可以使用Apache Commons FileUpload库或Servlet 3.0的Part接口等方式进行文件上传处理

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值