简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - type=file
阿神
阿神 2017-05-19 10:36:13
0
2
647
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <input type="file" id="shangChuan"  multiple="multiple" accept="image/*" />
    </body>
    <script type="text/javascript">
        var shangChuan = document.getElementById("shangChuan");
        shangChuan.addEventListener("change",function () {
            alert(shangChuan.value)
        })
    </script>
</html>

The picture address of Huawei Honor 7i is wrong..

My picture name da_1488896847485.jpeg

阿神
阿神

闭关修行中......

reply all(2)
左手右手慢动作
左手右手慢动作2017-05-19 10:38:13 2 floor

What’s wrong?

Like +0
Add Reply
小葫芦
小葫芦2017-05-19 10:38:13 1 floor

In this way, the relevant information of the selected file cannot be obtained.
To obtain basic information, you can use the files attribute of input. The attribute value is the FileList object. The information includes the last modification time of the file, file name, file size, and file type.
To get the address of the image, we can operate it through the FileReader object.
For the complete content of front-end access to files, you can read MDN's "Using Files in Web Applications", or you can read the simplified version of my summary

Like +0
Add Reply
Popular Topics
More>
Popular Articles
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！