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