javascript - 为什么它在我的 javascript 变量中的空格中添加 %20

Question

function openFile(file, object) {
    var extension = file.substr( (file.lastIndexOf('.') +1) );

    var fileName = file.substr((file.lastIndexOf('/') +1), (file.length - (file.lastIndexOf('/') +1))-4);


    object.append('<img class="theimage" src="" alt="icon"/>');
    object.append('<span class="thefile"></span>');


    switch(extension) {

        case 'ppt':
            object.find('img').attr('src', 'PowerPoint-icon.png');
        break;
        case 'pdf':
            object.find('img').attr('src', 'pdficon_large.gif'); 
        break;
        case 'txt':
            object.find('img').attr('src', 'txt_icon.png'); 
        break;
        default:
            alert('error');
    }

    object.find('span.thefile').text(fileName);

};

此函数本身可以正常运行，但是当我将其添加到学校的 cms 模板时，它会将 %20 添加到 fileName 中的所有空格中。

你认为他们有自己的职能来做这件事吗？目的是什么？为了安全？

Answer 1

%20 是空格的标准 URL 编码。无论哪个函数正在处理这些空格，都认为它们需要进行编码才能在 URL 中使用。

至于为什么这么做，并不完全是为了安全。并非所有系统都能很好地处理空间；这在这些情况下很有帮助，因此 URL 编码空格(除其他外)被认为“更安全”。有关所有其他信息，请参阅 RFC 3986 s2.1和 s2.4