Question

在我的代码中，我只想接受image file。否则它将不会接受，并会提醒其不是image file。

我在jsfiddle中完成了以下代码： -

但问题是它......它没有给出任何信息。我做错了什么？

Answer 1

您忘记在文件元素上添加id

<input type="file" id="file" name="fileUpload" size="50" />

Answer 2

您使用过

Fragment

但是忘了给文件控件id，所以给它

 var image =document.getElementById("file").value;

并尝试在w3schools tryit浏览器中使用代码，并在提交按钮而不是onSubmit上使用onClick事件

<input type="file" name="fileUpload" id="file" size="50" />

Answer 3

使用此：

userfile.addEventListener('change', checkFileimg, false);

    function checkFileimg(e) {

    var file_list = e.target.files;

    for (var i = 0, file; file = file_list[i]; i++) {
    var sFileName = file.name;
    var sFileExtension = sFileName.split('.')[sFileName.split('.').length - 1].toLowerCase();
    var iFileSize = file.size;
    var iConvert = (file.size / 10485760).toFixed(2);

    if (!(sFileExtension === "jpg")) {
    txt = "File type : " + sFileExtension + "\n\n"; 
    txt += "Please make sure your file is in jpg format.\n\n";
    alert(txt);
    document.getElementById('userfile').value='';
    }
    }
    }

javascript只接受图片无效

3 个答案: