H5拖拽的file对象与blob对象

最新推荐文章于 2021-06-04 18:41:32 发布

回忆小浪漫

最新推荐文章于 2021-06-04 18:41:32 发布

阅读量241

点赞数

本文链接：https://blog.csdn.net/weixin_42355871/article/details/85017297

版权

File对象可以用来获取某个文件的信息，还可以用来读取这个文件的内容。通常情况下，File对象是来自用户在一个元素上选择文件后返回的FileList对象，也可以是来自由拖放操作生成的 DataTransfer对象。

用户在选择一个或者多个文件后，可以通过File API访问这些File对象，这些对象被包含在一个FileList对象中。所有type为file的input都有一个files属性，通过Element.files可以返回FileList对象。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>file对象</title>
    <style>
        html,body{
   
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #dddddd;
        }
        #box{
   

            width: 80%;
            height: 600px;
            background-color: #999999;
        }
    </style>
</head>
<body>
<div id="box"><

最低0.47元/天解锁文章

回忆小浪漫

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
H5拖拽的file对象与blob对象

File对象可以用来获取某个文件的信息，还可以用来读取这个文件的内容。通常情况下，File对象是来自用户在一个元素上选择文件后返回的FileList对象，也可以是来自由拖放操作生成的 DataTransfer对象。用户在选择一个或者多个文件后，可以通过File API访问这些File对象，这些对象被包含在一个FileList对象中。所有type为file的input都有一个files属性，通...
复制链接

扫一扫