HTML+JS 通过file对象选择文件

最新推荐文章于 2024-01-09 17:55:30 发布

m0_57970861

最新推荐文章于 2024-01-09 17:55:30 发布

阅读量415

点赞数

文章标签： javascript html 前端

本文链接：https://blog.youkuaiyun.com/m0_57970861/article/details/127605333

版权

博客展示了一个HTML页面和对应的JavaScript代码。HTML页面包含用户信息注册及文件上传按钮，通过引入JavaScript文件实现交互。JavaScript代码实现了上传图片时的确认功能，用户可选择是否上传图片作为头像。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html页面：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script language="JavaScript" src="file1.js"></script>
</head>
<body>
<div class="mr-cont">
    <h1>用户信息注册</h1>
<div class="mr-head">
    <input type="file" id="file">
    <input type="button" value="上传" οnclick="sure()">
</div>
</div>
</body>
</html>

javasc页面：
function  sure(){
    var file;
    for(var i=0;i<document.getElementById("file").files.length;i++)
    {
        file=document.getElementById("file").files[i];
        if(confirm("确认上传图片"+file.name+"作为头像？")){
            alert("yes");
    }
        else{
            alert("no");
        }
    }
}