今天同事下载了一个HTML的web文件上传界面,界面中有一上传文件功能,上传文件时,文件会显示在界面中,界面显示该文件标题,再追加“-completed”字样,在将“-completed”改成“完成”时,上传的文件标题添加的“-完成”显示乱码。
web界面中调用了外部JS
<script src="/js/upload.js" type="text/javascript"></script>
首先,将HTML界面的编码格式从"utf-8"改成"GBK",启动调试,问题依然存在。
然后,在upload.js界面添加调试语句:alert("完成")。当上传文件时系统弹出alert框,框中字体乱码。
于是找到问题发生的原因:JS中添加的“-完成”己经乱码,所以导致前台HTML界面也显示乱码。
解决方法:
在调用外部JS时,指定JS编码格式,即将
<script src="/js/upload.js" type="text/javascript"></script>
改成
<script src="/js/upload.js" charset="GBK" type="text/javascript"></script>
之后,上传时,显示正常。
备注:如果charset="utf-8",显示也乱码。