此正则表达式在 Chrome 中不起作用

Question

您好，我刚刚在 jScript 中添加了一个验证函数来验证文件上传控件 [输入类型文件] 中的文件名。该功能似乎在 FF 中运行良好，有时在 ie 中运行良好，但在 Chrome 中则不然。 基本上，该函数测试文件名是否至少为 1 个字符，最多 25 个字符长。仅包含有效字符、数字[无空格]并且属于列表中的文件类型。您能否对此

function validate(Uploadelem) {
    var objRgx = new RegExp(/^[\w]{1,25}\.*\.(jpg|gif|png|jpeg|doc|docx|pdf|txt|rtf)$/);
    objRgx.ignoreCase = true;
    if (objRgx.test(Uploadelem.value)) {
        document.getElementById('moreUploadsLink').style.display = 'block';
    } else {
        document.getElementById('moreUploadsLink').style.display = 'none';
    }
}

编辑 进行一些说明：

不，似乎仍然不起作用，我正在使用 IE 8（尝试了所有兼容模式）、Chrome v8.0、FF v 3.6。 这是一个 html 片段，其中我连接了验证函数，

 <div>
    <input type="file" name="attachment" id="attachment" onchange="validate(this)" />
    <span class="none">Filename should be within (1-25) letters long. Can Contain only letters
        & numbers</span>
    <div id="moreUploads">
    </div>
    <div id="moreUploadsLink" style="display: none;">
        <a href="javascript:addFileInput();">Attach another File</a></div>
</div>

---

它非常适合我。如何调用验证函数？ – M42

您在 Google Chrome 和 IE 8 上尝试过这个吗？我在使用所有推荐的 regX 的地方添加了 HTML 片段。没有任何线索说明为什么不起作用！

迈克，我无法在这里评论你的帖子，所以这是给你的。 我在 html 输入中选择的任何文件的验证都会失败。我还在 onblur 事件中连接了验证，但证明是一样的。验证函数将模仿 asp.net 正则表达式验证器，当不满足正则表达式时显示验证错误消息。

Answer 1

尝试简化您的代码。

function validate(Uploadelem) {
    var objRgx = /^[\w]{1,25}\.+(jpg|gif|png|jpeg|doc|docx|pdf|txt|rtf)$/i;
    if (objRgx.test(Uploadelem.value)) {
        document.getElementById('moreUploadsLink').style.display = 'block';
    } else {
        document.getElementById('moreUploadsLink').style.display = 'none';
    }
}

Answer 2

您的规范很模糊，但您似乎希望在文件名中允许使用点（除了分隔文件名和扩展名的点之外）。

在这种情况下，请尝试

var objRbx = /^[\w.]{1,25}\.(jpg|gif|png|jpeg|doc|docx|pdf|txt|rtf)$/i;

这允许文件名仅包含字符 az、AZ、0-9、_ 和 .，后跟必需的点和指定的扩展名之一。

Answer 3

据我所知，Chrome 在输入的文件名前面添加了一个路径，因此您只需将正则表达式从： 更改

/^[\w]{1,25}\.*\.(jpg|gif|png|jpeg|doc|docx|pdf|txt|rtf)$/

为：

/\b[\w]{1,25}\.+(jpg|gif|png|jpeg|doc|docx|pdf|txt|rtf)$/

Answer 4

已解决

所有 [正确的 regx 模式] 不起作用的主要原因是不同的浏览器为 HTML 文件输入控件返回了不同的值。

Firefox：返回文件上传控件 FileName {按预期}

Internet Explorer：返回从驱动器到文件的完整路径 [痛苦]

Chrome：返回虚假路径 [C:\FakePath\Filename.extension]

I找到了适用于 chrome 和 FF 的解决方案，但没有解决 IE 的问题。

Chrome 和 Firefox：
使用 FileUploadControlID.files[0].fileName 或 FileUploadControlID.files[0].name

IE
再次最大的痛苦是[有人提出了一个解决方案]

验证文件名和扩展名的有效正则表达式是：

/\b([a-zA-Z0-9._/s]{3,50})(?=(\.((jpg)|(gif)|(jpeg)|(png))$))/i

1.文件名应该在 3 到 50 个字符之间
2. 只允许 jpg,gif,jpeg,png 文件