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检查文件类型在服务器端

UPDATE： 另外值得注意的 - 这并非完全安全，因为人们可以很容易地在上传之前更改文件的扩展名，或做一些其他的TRIC kery，就像“LoveBug”病毒一样。

Answer 2

您可以使用JavaScript来查看扩展，但是人们可以禁用该功能。

E.g.

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

Answer 3

可以使用接受属性，但它不是在所有浏览器“接受”。

你可以参考这篇文章：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; 
}