html – 如何限制我的输入type =“file”仅接受在Firefox中不起作用的png图像文件

概述我正在使用input type =“file”，现在我的要求是我只想选择png图像，那就是当我选择浏览一个“png”过滤器应该被应用。 我已经介绍过www.w3schools.com/tags/att_input_accept.asp，下面是我正在使用的代码，Chrome可以正常工作，但不支持Firefox和IE。 请任何人帮我明白我一定在做什么错？ <h2>Below uses accept=" 我正在使用input type =“file”，现在我的要求是我只想选择png图像，那就是当我选择浏览一个“png”过滤器应该被应用。

我已经介绍过www.w3schools.com/Tags/att_input_accept.asp，下面是我正在使用的代码，Chrome可以正常工作，但不支持firefox和IE。

请任何人帮我明白我一定在做什么错？

<h2>Below uses accept="image/*"</h2> <input type="file" name="pic1" accept="image/*" />  <h2>Below I need to accept only for png</h2> <input type="file" name="pic1" accept="image/png" />

这是一个小提琴链接到它http://jsfiddle.net/Jcgja/2/

解决方法 您需要通过java脚本进行验证。以下是java脚本验证的代码

function Checkfilename() {        var filename = document.getElementByID("uploadfile").value        if (filename == "") {            alert("browse to upload a valID file with png extension");            return false;        }        else if (filename.split(".")[1].toupperCase() == "PNG")            return true;        else {            alert("file with " + filename.split(".")[1] + " is invalID. Upload a valIDfile with png extensions");            return false;        }        return true;    }

总结

以上是内存溢出为你收集整理的html – 如何限制我的输入type =“file”仅接受在Firefox中不起作用的png图像文件全部内容，希望文章能够帮你解决html – 如何限制我的输入type =“file”仅接受在Firefox中不起作用的png图像文件所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。