file-preview-js/index.html at main · SmallTeddyTools/file-preview-js · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>file-preview-js</title>
  <script type="module" src="./index.js"></script>
</head>

<body>
  <div class="pic-preview">
    <input type="file" name="file" id="file">
    <input type="button" value="读取图形" onclick="readAsDataURL()">
    <input type="button" value="读取文本文件" onclick="readAsText()">
    <input type="button" value="读取二进制数据" onclick="readAsBinaryString()">
    <input type="button" value="TextEncoder2ArrayBuffer" onclick="TextEncoder2ArrayBuffer('hello world')">
    <input type="button" value="blob2ArrayBuffer" onclick="blob2ArrayBuffer()">
    <input type="button" value="fileReader2ArrayBuffer" onclick="fileReader2ArrayBuffer()">
    <div id="result"></div>
  </div>
</body>

</html>