上传文件

最新推荐文章于 2023-11-21 10:51:45 发布

Jay_帅小伙

最新推荐文章于 2023-11-21 10:51:45 发布

阅读量89

点赞数

分类专栏： JavaScript 文章标签： upload js

本文链接：https://blog.csdn.net/qq_42975676/article/details/106690550

版权

JavaScript 专栏收录该内容

52 篇文章 5 订阅

订阅专栏

<html>
<head>
<title>file test</title>
<script>
window.onload=function(){
    var files = document.getElementsByTagName('input'),
    len = files.length,
    file;
    for (var i = 0; i < len; i++) {
        file = files[i];
        if (file.type !== 'file') continue; // 不是文件类型的控件跳过
        file.onchange = function() {
            var _files = this.files;
            if (!_files.length) return;
            if (_files.length === 1) { // 选择单个文件
                var xhr = new XMLHttpRequest();
                xhr.open('POST', 'http://localhost:3000/upload');
                var filePath = files[0].value;
                xhr.setRequestHeader('file-name', filePath.substring(filePath.lastIndexOf('\\') + 1));
                xhr.send(_files[0]);
            } else { }
        };
    }
};
</script>
</head>
<body>
    <input id='file1' type="file" />


    <!-- <form action="/upload" method="POST">
        <input type="file" name='file'>
        <input type="text" name='name' value='abc'>
        <input type="submit" name='upload'>
    </form> -->


</body>
</html>

Jay_帅小伙

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
上传文件

<html><head><title>file test</title><script>window.onload=function(){ var files = document.getElementsByTagName('input'), len = files.length, file; for (var i = 0; i < len; i++) { file = files[i]
复制链接

扫一扫

专栏目录