3

我正在encodeURIComponent使用用户提供的输入在函数的帮助下以编程方式构建一个 URI。但是，当用户输入无效的 unicode 字符（例如U+DFFF）时，该函数会引发异常并显示以下消息：

要编码的 URI 包含无效字符

我在MSDN上查找了这个，但这并没有告诉我任何我不知道的事情。

纠正这个错误

  • 确保要编码的字符串仅包含有效的 Unicode 序列。

我的问题是，有没有办法在我将其传递给encodeURIComponent函数之前对用户提供的输入进行清理以删除所有无效的 Unicode 序列？

4

1 回答 1

7

采用程序化方法来发现答案，出现任何问题的唯一范围是 \ud800-\udfff，即高和低代理的范围：

for (var regex = '/[', firstI = null, lastI = null, i = 0; i <= 65535; i++) {
    try {
        encodeURIComponent(String.fromCharCode(i));
    }
    catch(e) {
        if (firstI !== null) {
            if (i === lastI + 1) {
                lastI++;
            }
            else if (firstI === lastI) {
                regex += '\\u' + firstI.toString(16);
                firstI = lastI = i; 
            }
            else {
                regex += '\\u' + firstI.toString(16) + '-' + '\\u' + lastI.toString(16);
                firstI = lastI = i; 
            }
        }
        else {
            firstI = i;
            lastI = i;
        }        
    }
}

if (firstI === lastI) {
    regex += '\\u' + firstI.toString(16);
}
else {
    regex += '\\u' + firstI.toString(16) + '-' + '\\u' + lastI.toString(16);
}
regex += ']/';
alert(regex);  // /[\ud800-\udfff]/

然后我用一个更简单的例子证实了这一点：

for (var i = 0; i <= 65535 && (i <0xD800 || i >0xDFFF ) ; i++) {
    try {
        encodeURIComponent(String.fromCharCode(i));
    }
    catch(e) {
        alert(e); // Doesn't alert
    }
}
alert('ok!');

这与 MSDN 所说的相符，因为确实所有这些 Unicode 字符（甚至是有效的 Unicode“非字符”）除了代理之外都是有效的 Unicode 序列。

您确实可以过滤掉高和低代理，但是当在高低对中使用时，它们变得合法（因为它们旨在以这种方式使用以允许 Unicode 扩展（大幅）超出其原始最大字符数):

alert(encodeURIComponent('\uD800\uDC00')); // ok
alert(encodeURIComponent('\uD800')); // not ok
alert(encodeURIComponent('\uDC00')); // not ok either

因此，如果您想采取简单的方法并阻止代理，只需：

urlPart = urlPart.replace(/[\ud800-\udfff]/g, '');

如果您想去除不匹配（无效）的代理项，同时允许代理项对（它们是合法序列，但很少需要字符），您可以执行以下操作：

function stripUnmatchedSurrogates (str) {
    return str.replace(/[\uD800-\uDBFF](?![\uDC00-\uDFFF])/g, '').split('').reverse().join('').replace(/[\uDC00-\uDFFF](?![\uD800-\uDBFF])/g, '').split('').reverse().join('');
}

var urlPart = '\uD801 \uD801\uDC00 \uDC01'
alert(stripUnmatchedSurrogates(urlPart)); // Leaves one valid sequence (representing a single non-BMP character)

如果 JavaScript 有负面的后视功能，那么这个函数就会变得不那么难看......

于 2013-06-14T13:01:08.417 回答