Question

下面的代码中，vanilla javascript版本运行正常，但我尝试编写的jQuery版本没有生成对输入文本的更新。 jQuery中出现了什么错误，因为我似乎无法发现它。

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title> Total Tutor </title>
  <link type="text/css" rel="stylesheet" href="query.css">
  <script src="../jquery.js"></script>
</head>

<body>
  <div id="main">
    <button class="fileUpload">
<input id="uploadBtn" type="file" class="upload">
</button>
    <input id="uploadFile" placeholder="0 files selected" disabled="disabled">

  </div>
</body>
</html>

<script>
  $("#uploadBtn").change(function() {

    var value = $(this).val();
    $("#uploadFile").val(value);

  });


  //this works fine 

  // document.getElementById("uploadBtn").onchange = function () {
  //     document.getElementById("uploadFile").value = this.value;
  // };
</script>

＆＃13;

Answer 1

请试试这个：

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

jQuery中有什么错误

1 个答案: