ใ“ใฎใƒšใƒผใ‚ธใฏใ‚ณใƒŸใƒฅใƒ‹ใƒ†ใ‚ฃใƒผใฎๅฐฝๅŠ›ใง่‹ฑ่ชžใ‹ใ‚‰็ฟป่จณใ•ใ‚Œใพใ—ใŸใ€‚MDN Web Docs ใ‚ณใƒŸใƒฅใƒ‹ใƒ†ใ‚ฃใƒผใซใคใ„ใฆใ‚‚ใฃใจ็Ÿฅใ‚Šใ€ไปฒ้–“ใซใชใ‚‹ใซใฏใ“ใกใ‚‰ใ‹ใ‚‰ใ€‚

View in English Always switch to English

FileSystemFileHandle.createWritable()

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

ๅฎ‰ๅ…จใชใ‚ณใƒณใƒ†ใ‚ญใ‚นใƒˆ็”จ: ใ“ใฎๆฉŸ่ƒฝใฏไธ€้ƒจใพใŸใฏใ™ในใฆใฎๅฏพๅฟœใ—ใฆใ„ใ‚‹ใƒ–ใƒฉใ‚ฆใ‚ถใƒผใซใŠใ„ใฆใ€ๅฎ‰ๅ…จใชใ‚ณใƒณใƒ†ใ‚ญใ‚นใƒˆ (HTTPS) ใงใฎใฟๅˆฉ็”จใงใใพใ™ใ€‚

FileSystemFileHandle ใ‚คใƒณใ‚ฟใƒผใƒ•ใ‚งใ‚คใ‚นใฎ createWritable() ใƒกใ‚ฝใƒƒใƒ‰ใฏใ€ใƒ•ใ‚กใ‚คใƒซใธใฎๆ›ธใ่พผใฟใŒใงใใ‚‹ FileSystemWritableFileStream ใ‚’ไฝœๆˆใ—ใพใ™ใ€‚ใ“ใฎใƒกใ‚ฝใƒƒใƒ‰ใฏใ€ไฝœๆˆใ•ใ‚ŒใŸใ‚นใƒˆใƒชใƒผใƒ ใง่งฃๆฑบใ™ใ‚‹ Promise ใ‚’่ฟ”ใ—ใพใ™ใ€‚

ใ‚นใƒˆใƒชใƒผใƒ ใซๅฏพใ—ใฆใชใ•ใ‚ŒใŸใ‚ใ‚‰ใ‚†ใ‚‹ๅค‰ๆ›ดใฏใ€ใ‚นใƒˆใƒชใƒผใƒ ใ‚’้–‰ใ˜ใ‚‹ใพใงใ€ใƒ•ใ‚กใ‚คใƒซใƒใƒณใƒ‰ใƒซใŒ่กจใ™ใƒ•ใ‚กใ‚คใƒซใซใฏๅๆ˜ ใ•ใ‚Œใพใ›ใ‚“ใ€‚ใ“ใ‚Œใฏใ€ๅ…ธๅž‹็š„ใซใฏใ€ใƒ‡ใƒผใ‚ฟใ‚’ไธ€ๆ™‚ใƒ•ใ‚กใ‚คใƒซใซๆ›ธใ่พผใฟใ€ๆ›ธใ่พผใฟๅฏ่ƒฝใชใƒ•ใ‚กใ‚คใƒซใ‚นใƒˆใƒชใƒผใƒ ใŒ้–‰ใ˜ใ‚‰ใ‚Œใฆใฏใ˜ใ‚ใฆใƒ•ใ‚กใ‚คใƒซใƒใƒณใƒ‰ใƒซใŒ่กจใ™ใƒ•ใ‚กใ‚คใƒซใ‚’ไธ€ๆ™‚ใƒ•ใ‚กใ‚คใƒซใง็ฝฎใๆ›ใˆใ‚‹ใ“ใจใงๅฎŸ่ฃ…ใ•ใ‚Œใฆใ„ใพใ™ใ€‚

ๆง‹ๆ–‡

js
createWritable()

ๅผ•ๆ•ฐ

FileSystemCreateWritableOptions

ใƒกใ‚ฝใƒƒใƒ‰ใซๆธกใ™ใ‚ชใƒ—ใ‚ทใƒงใƒณใ‚’่กจใ™ใ‚ชใƒ–ใ‚ธใ‚งใ‚ฏใƒˆใงใ™ใ€‚ไปฅไธ‹ใฎใ‚ชใƒ—ใ‚ทใƒงใƒณใŒใ‚ใ‚Šใพใ™ใ€‚

  • keepExistingData: false ใงใ‚ใ‚‹ใ‹ๆŒ‡ๅฎšใ•ใ‚Œใชใ„ๅ ดๅˆใ€ไธ€ๆ™‚ใƒ•ใ‚กใ‚คใƒซใฏ็ฉบใซๅˆๆœŸๅŒ–ใ•ใ‚Œใพใ™ใ€‚ ใใ†ใงใชใ„ๅ ดๅˆใ€ๆ—ขๅญ˜ใฎใƒ•ใ‚กใ‚คใƒซใŒใพใšไธ€ๆ™‚ใƒ•ใ‚กใ‚คใƒซใซใ‚ณใƒ”ใƒผใ•ใ‚Œใพใ™ใ€‚

่ฟ”ๅ€ค

FileSystemWritableFileStream ใ‚ชใƒ–ใ‚ธใ‚งใ‚ฏใƒˆใง่งฃๆฑบใ•ใ‚Œใ‚‹ Promise ใ‚’่ฟ”ใ—ใพใ™ใ€‚

ไพ‹ๅค–

NotAllowedError

ใƒใƒณใƒ‰ใƒซใฎ PermissionStatus.state ใŒ readwrite ใƒขใƒผใƒ‰ใง 'granted' ใงใชใ„ใจใๆŠ•ใ’ใ‚‰ใ‚Œใพใ™ใ€‚

ไพ‹

ไปฅไธ‹ใฎ้žๅŒๆœŸ้–ขๆ•ฐใฏใ€ไธŽใˆใ‚‰ใ‚ŒใŸๅ†…ๅฎนใ‚’ใƒ•ใ‚กใ‚คใƒซใƒใƒณใƒ‰ใƒซใซๆ›ธใ่พผใ‚€ใ“ใจใงใ€ใƒ‡ใ‚ฃใ‚นใ‚ฏใซๆ›ธใ่พผใฟใพใ™ใ€‚

js
async function writeFile(fileHandle, contents) {
  // ๆ›ธใ่พผใฟๅ…ˆใฎ FileSystemWritableFileStream ใ‚’ไฝœๆˆใ™ใ‚‹
  const writable = await fileHandle.createWritable();

  // ใƒ•ใ‚กใ‚คใƒซใฎๅ†…ๅฎนใ‚’ใ‚นใƒˆใƒชใƒผใƒ ใซๆ›ธใ่พผใ‚€
  await writable.write(contents);

  // ใƒ•ใ‚กใ‚คใƒซใ‚’้–‰ใ˜ใ€ๅ†…ๅฎนใ‚’ใƒ‡ใ‚ฃใ‚นใ‚ฏใซๆ›ธใ่พผใ‚€
  await writable.close();
}

ไป•ๆง˜ๆ›ธ

Specification
File System
# api-filesystemfilehandle-createwritable

ใƒ–ใƒฉใ‚ฆใ‚ถใƒผใฎไบ’ๆ›ๆ€ง

้–ข้€ฃๆƒ…ๅ ฑ