ifream src 绑定中文PDF时,出现404找不到

背景:前端ext框架,定义Container,html上添加ifream,对其src属性指定非中文名字的 pdf文件(如test.pdf),可以正常展示,当返回的文件名称是中文(如测试.pdf)时,出现404找不到的错误。

var roserForm = Ext.create('Ext.container.Container',{
	height : 370,
	id : 'roserFromID',
	html : '<iframe id="roserForm" name="roserForm" src="" style="width:100%; height:100%;" frameborder="0"></iframe>'
});

pdf文件名称为非中文时,通过jquery的attr来对src进行绑定,页面的展示是正常的。

$("#roserForm").attr("src",data.pdf);

网上查看资料后,了解到 http get请求不能传输中文参数问题,浏览器主要是解码的过程。

网络请求中,对中文字段需要编码和解码,这里Java后台需要对中文文件名称进行编码,传递给前台编码后的字符串(application/x-www-form-urlencoded),浏览器直接会进行解码,从而读取出相应的文件。

Java后台处理编码,需要引入 java.net.URLEncoder,用encode对中文字符进行编码。

import java.net.URLEncoder;
//对pdf文件名称进行编码
String PDFName = URLEncoder.encode(“测试”,"utf-8";
System.out.println("编码的结果是:"+ PDFName);

控制台输出的结果

 编码的结果是:%E6%B5%8B%E8%AF%95

decode 对中文字符进行解码。

//对pdf文件名称进行解码
String PDFName =%E6%B5%8B%E8%AF%95;
String decode = URLDecoder.decode(PDFName , "utf-8");
System.out.println("解码的结果是:"+decode);

控制台输出的结果

解码的结果是: 测试

将编码后的文件名称存放到数据库中,需要的时候取值进行读取即可。
在这里插入图片描述

博客参考

【1】https://blog.csdn.net/BD_fuhong/article/details/91598920

©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页