Question

在php中，您可以检查文件是否被选中：

$_FILES['item']['size']>0

用JavaScript怎么样？

我需要知道，因为我有一个仅在选择文件时才有效的功能。

Answer 1

http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-49531485说：

DOMString类型的值当元素的type属性具有值“text”，“ file ”或“password”时，它表示交互式用户代理中相应表单控件的当前内容。

<html>
  <head><title>...</title>
    <script type="text/javascript">
      function foo() {
        var f = document.getElementById("f1");
        alert( ""==f.value ? "nothing selected" : "file selected");
      }
    </script>
  </head>
  <body>
    <form>
      <div>
        <input id ="f1" type="file" name="x" />
      </div>
    </form>
    <button onclick="foo()">click</button>
  </body>
</html>

Answer 2

我使用这个javascript：

var file_selected = false;
function showNoFile() {
    if(!file_selected) { alert('No file selected!'); } // or anything else
}

使用此html作为文件按钮：

<input type='file' onchange="file_selected = true;" ...>
....
<input type='submit' onclick='showNoFile();'>

希望有所帮助！

Answer 3

因此，假设您有一些html表单，并且您有自定义文件上传输入：

<label for="imageUploadButton">
<span class="btn" style="padding-left: 10px;">Click here for uploading a new picture</span>
</label> 
<input type="file" name="avatar_picture" accept="image/gif,image/jpeg,image/png" id="imageUploadButton" style="visibility: hidden; position: absolute;">

并且您想要检查用户选择/选择的文件的文件名：

使用jquery

<script type="text/javascript">
  $(function() {
     $("input:file").change(function (){
       var fileName = $(this).val();
       alert(fileName); //Do with the filename whatever you want
     });
  });
</script>

@ https://stackoverflow.com/a/5670938/2979938

对于那些使用requireJS的人：

$("input:file").change(function () {
  var fileName = $(this).val();
  alert(fileName); //Do with the filename whatever you want
});

如何检查是否使用javascript选择了文件？

3 个答案: