Discuss / JavaScript / 我这个文件 选择为什么不行呢？
Back

我这个文件 选择为什么不行呢？

Topic source

吾非名家

#1 Created at ... [Delete] [Delete and Lock User]

其实我也不懂function前边的$符号。。只知道function里边的东西没执行。。。顺便说下，这个script无论是放在form的前边还是后边都是一样

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test openint file</title>
</head>
<body>

    <form method="post" enctype="multipart/form-data" action="http://localhost/test">
        <p>
            <input type="file" name="test" id="test-file-upload">
        </p>
        <p>
            you choose the file:
            <span id="test-get-filename" style="color:red"></span>
        </p>
    </form>

    <script>
        $(function (){
            var
                fileInput = document.getElementById('test-file-upload'),
                filePath = document.getElementById('test-get-filename');
            fileInput.addEventListener('change', function(){
                filePath.innerText = fileInput.value;
            });
        });
    </script>

</body>
</html>

廖雪峰

#2 Created at ... [Delete] [Delete and Lock User]

函数有没有执行，自己先写个console.log看看

深圳邦道营销管理咨询公司

#3 Created at ... [Delete] [Delete and Lock User]

$(function(){})这个是JQUERY吧，要引用jq库才能解析执行吧

西湖水中沙

#4 Created at ... [Delete] [Delete and Lock User] 
;(function (){
  var
    fileInput = document.getElementById('test-file-upload'),
    filePath = document.getElementById('test-get-filename');
    fileInput.addEventListener('change', function(){
        filePath.innerText = fileInput.value;
    });
})();
  • 1

Reply