HTML上传文件

Question

无论如何都要指定使用此代码上传哪些文件类型：

<input type="file" id="fighter2_upload" name="fighter2_upload" size=48>

我只想上传jpg / jpeg文件。

有什么想法吗？

由于

Answer 1

您只能使用HTML来实现这一点 - 您可以使用Javascript检查文件类型，但可以由用户禁用并绕过 - 请参阅此示例http://www.codestore.net/store.nsf/unid/DOMM-4Q8H9E

另外，你需要像PHP这样的东西检查服务器端的文件类型

<强>更新： 另外值得注意的是 - 这并非完全万无一失，因为人们可以在上传之前轻松更改文件的扩展名，或者做一些其他的诡计，就像“LoveBug”病毒一样。

Answer 2

您可以使用JavaScript查看扩展程序，但人们可以将其禁用。

E.g。

if ( ! document.getElementById('upload-file').value.match(/\.jpe?g$/)) {
   alert('JPEG files only');
}

Answer 3

您可以使用accept属性，但不会在所有浏览器上“接受”。

您可以参考这篇文章：File input 'accept' attribute - is it useful?

您需要进行服务器端和JavaScript验证。

您可以做的是捕获文件输入的JavaScript更改事件并检查文件类型...这将是您第一次让用户知道文件类型是否被接受。

Answer 4

您可以在表单的验证功能中进行检查。

if((document.form1.upload.value.lastIndexOf(".jpg")==-1) {
   alert("Please upload only .jpg extention file");
   return false;
}