Javascript:文件名中包含中文字符时引发错误

时间:2018-06-25 18:20:14

标签: javascript regex file-upload filenames chinese-locale

嗨,当我使用Javascript在文件名中看到汉字时,我想抛出一个错误。我的代码抛出“期望的十六进制数字”错误。到目前为止,我有以下代码:

if(document.f1.Attachment.value.match(""/[\u4e00-\u9fff]|[\u3400-\u4dbf]|[\u{20000}-\u{2a6df}]|[\u{2a700}-\u{2b73f}]|[\u{2b740}-\u{2b81f}]|[\u{2b820}-\u{2ceaf}]|[\uf900-\ufaff]|[\u3300-\u33ff]|[\ufe30-\ufe4f]|[\uf900-\ufaff]|[\u{2f800}-\u{2fa1f}]""))
{
alert('Attachment cannot contain Chinese characters');
}

我正在阅读并了解这是由于\ u引起的,但我不知道如何解决此问题。

1 个答案:

答案 0 :(得分:1)

首先,应从正则表达式文字的两端删除""。在JS中,您需要使用纯/.../,而没有"'包裹结构以使其正常工作,以将其解析为正则表达式。

接下来,您的模式包含符合ECMAScript 6+标准的\u{XXXXX}表示法,并且需要u修饰符才能在兼容的JS环境中工作。因此,在ES6中,这是一个有效的解决方案:

.match(/[\u4e00-\u9fff]|[\u3400-\u4dbf]|[\u{20000}-\u{2a6df}]|[\u{2a700}-\u{2b73f}]|[\u{2b740}-\u{2b81f}]|[\u{2b820}-\u{2ceaf}]|[\uf900-\ufaff]|[\u3300-\u33ff]|[\ufe30-\ufe4f]|[\uf900-\ufaff]|[\u{2f800}-\u{2fa1f}]/u)

要使其在旧版的ES5浏览器中运行,您需要transpile the regex

.match(/[\u4e00-\u9fff\u3400-\u4dbf\uf900-\ufaff\u3300-\u33ff\ufe30-\ufe4f\uf900-\ufaff]|(?:[\uD840-\uD868\uD86A-\uD872][\uDC00-\uDFFF]|\uD869[\uDC00-\uDEDF\uDF00-\uDFFF]|\uD873[\uDC00-\uDEAF]|\uD87E[\uDC00-\uDE1F])/)

JS ES5演示:

if("中文".match(/[\u4e00-\u9fff\u3400-\u4dbf\uf900-\ufaff\u3300-\u33ff\ufe30-\ufe4f\uf900-\ufaff]|(?:[\uD840-\uD868\uD86A-\uD872][\uDC00-\uDFFF]|\uD869[\uDC00-\uDEDF\uDF00-\uDFFF]|\uD873[\uDC00-\uDEAF]|\uD87E[\uDC00-\uDE1F])/)) {
  console.log("ES5: Chinese detected!");
}

JS ES6演示:

if("中文".match(/[\u4e00-\u9fff]|[\u3400-\u4dbf]|[\u{20000}-\u{2a6df}]|[\u{2a700}-\u{2b73f}]|[\u{2b740}-\u{2b81f}]|[\u{2b820}-\u{2ceaf}]|[\uf900-\ufaff]|[\u3300-\u33ff]|[\ufe30-\ufe4f]|[\uf900-\ufaff]|[\u{2f800}-\u{2fa1f}]/u)) {
  console.log("ES6: Chinese detected!");
}

由于不支持ES6,最后一个给出IE中的字符集无效范围错误。