电脑无法上传html文件类型,HTML5 - 限制文件上传(HTML5 - Restrict file upload)

HTML5 - 限制文件上传(HTML5 - Restrict file upload)

上面的代码也允许上传.txt或任何类型的文件。

如何限制 html5中的其他文件类型 ？

Above code allows to uploading of .txt or any type of file also.

How to restrict other file types in html5?

原文：https://stackoverflow.com/questions/28804095

更新时间：2020-07-11 18:07

最满意答案

使用input属性，您可以指定要上载的任何文件扩展名。 要添加多个属性，请使用逗号分隔它们：

您还可以设置预定义的扩展系列以供上载。 只需使用audio/* ， video/*或image/*分别选择这些文件类型。 这些也可以与常规文件扩展名结合使用。 例如

这允许您上传图像或Photoshop文件。

我希望这有帮助！

You can't restrict other file types in html5 file input, if user select other files it allow to select. Attribute 'accept' just give hint to user about supported file types.

相关问答

使用jquery.form插件，可以非常简单地执行您想要的操作： HTML：

...

即使你确实有一个路径(一些浏览器用于给你)，也无法设置类型文件的输入路径。 因此，使用普通的JS和DOM无法做到你想要的。 我说这是不可能的，但现在你问我确实有办法，使用新的File API。 以下步骤概述了需要做什么，但没有经过测试，我不希望它能够工作，它只是向您展示方式，全局变量也是坏的，它只是向您展示最简单的方式。 这是一个很好的页面，其中包含使用文件API的示例http://www.html5rocks.com/en/tutorials/file/dndfiles/ 首先您需要输入类型文件

...

所以你要将reader.onload事件设置为一个函数，但是你需要调用reader.readAsText()函数。 例如，将代码更改为： reader.onload = function(event) {

console.log(event);

};

reader.readAsText(file);

这样做的目的是告诉reader ，当你调用reader.readAsText(file)它应该运行你用reader.onload定义的函数。 你以前做过的事情永远不会加载文件，因为你只是告诉读者

...

您无法向JSF页面提交非JSF POST请求。 您需要为非JSF POST请求提供自定义servlet。 您可以在一个密切相关的问题的答案中找到这样一个servlet的具体示例： HTML5文件上传到Java Servlet 。 You can't submit a non-JSF POST request to a JSF page. You need to homegrow a custom servlet for non-JSF POST requests. You can find a c

...

在FormData对象之后这行是什么意思？ fd.append("file", document.getElementById('file').files[0]);

document.getElementById('file')通过其ID获取元素。 element.files[0]从元素中获取第一个选定的文件。 fd.append("file", file)将其附加到FormData实例，其字段名称为file 。 稍后将fd作为multi

...

使用input属性，您可以指定要上载的任何文件扩展名。 要添加多个属性，请使用逗号分隔它们：

您还可以设置预定义的扩展系列以供上载。 只需使用audio/* ， video/*或image/*分别选择这些文件类型。 这些也可以与常规文件扩展名结合使用。 例如

这允许您上传图像或Photoshop文件。 我希望这有帮助！ You can

...

在请求结束时，需要添加仅包含\ r \ n且不包含其他空格的空行。 尝试添加另一个parts.push(''); parts.push('--' + bound + '--');之后parts.push('--' + bound + '--'); 编辑： 首先，我想说你不应该将文件作为原始二进制字符串上传，因为你的二进制数据包含控制字符，这可能会搞砸你的请求并导致文件损坏。 数据应在Base64中编码。 你可以在这里阅读更多 如果在debug中检查reader.result ，它将包含： data

...

我不确定文件上传是否适用于文件读取器，但有一种不同的方法可以使它工作： var formData = new FormData($(".file_upload_form")[0]);

$.ajax({

url: "upload_file.php", // server script to process data (POST !!!)

type: 'POST',

xhr: function() { // custom xhr

myXhr = $.ajaxSe

...

嗯，我认为有可能，根据JayC回答的这个问题 您所谈论的是HTML5文件API。 我不确定描述它的最佳链接是什么，但这可能有所帮助。 https://developer.mozilla.org/en-US/docs/Using_files_from_web_applications 这个问题也许可以帮到你 Well, I think it is possible, according to this question answered by JayC What you're talking abo

...

我不相信你可以设置内置属性的文件数限制，只有多个或不符合，如： 您可以在前端使用javascript来限制数量并在服务器上进行验证。 我猜这些文件按字母顺序列出，确切的顺序可能与系统有关。 I don't believe you can set a limit to the number of files with a built-in attribute, just multiple or not, like:

...