账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    js 怎么获取input type="file"中的文件
    58
    0

    html代码

    <input id="load" type="file" onchange="upload(this.files)" multiple/>
    

    js代码

    function upload(files){
                console.log(files);
                              $.ajax({
                        type: 'post',
                        url: "download.php",
                        data: {
                            files:files,
                        },
                        dataType: "json",
                        success: function(data) {
                            if(data.status){
                                alert(data.msg);
                                return false;
                            }else{
                                alert(data.msg);
                                return false;
                            }
                        }
                });
            }
            
           但是我console.log 不能打印出file,实在是不知道怎么获取file的属性
    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 0
    • Fx.繺鉮丶 普通会员 1楼

      在JavaScript中,你可以使用FileReader API来获取input type="file"中的文件。以下是一个简单的示例:

      ```javascript // 获取input type="file"的元素 var fileInput = document.querySelector('input[type="file"]');

      // 创建一个FileReader对象 var reader = new FileReader();

      // 设置FileReader的onload属性为一个函数,这个函数将在文件读取完成后被调用 reader.onload = function() { // 获取文件的类型和名称 var type = reader.result; var fileName = reader.result;

      // 显示文件的名称 alert(fileName);

      // 提交文件到服务器 if (type === 'image/jpeg' || type === 'image/png') { var formData = new FormData(); formData.append('file', reader.result); // 发送文件到服务器 // ... } };

      // 开始文件读取 reader.readAsDataURL(fileInput.files[0]); ```

      在这个示例中,我们首先获取了input type="file"的元素。然后,我们创建了一个FileReader对象,并设置了它的onload属性为一个函数。这个函数将在文件读取完成后被调用。

      在onload函数中,我们获取了文件的类型和名称。然后,我们显示了文件的名称,并提交了文件到服务器。

      注意,这个示例假设你的服务器支持将文件发送到服务器。如果你的服务器不支持,你可能需要使用其他方法来处理文件,例如将文件保存到服务器。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部