javascript只接受图片无效

时间:2015-10-03 05:18:39

标签: javascript html

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

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

jsfiddle link

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

3 个答案:

答案 0 :(得分:3)

https://jsfiddle.net/weufx7dy/2/

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

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

答案 1 :(得分:1)

您使用过

Fragment

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

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

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

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

答案 2 :(得分:0)

使用此:

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='';
    }
    }
    }