javascript - 如何生成并共享文件？

Question

我想通过api web share分享一个csv文件，但我想使用生成的文件，而不是像教程演示中那样使用上传的文件，类似于 this question 中所做的操作.

我正在做的是

navigator.share({
    files: [new Blob([data], {type: type})],
    title: 'Vacation Pictures',
    text: 'Photos from September 27 to October 14.',
  })
  .then(() => console.log('Share was successful.'))
  .catch((error) => console.log('Sharing failed', error));

Answer 1

它需要是 File对象，而不仅仅是 Blob:

const file = new File( [ "foo bar" ], "foobar.txt", {type: "text/plain" );

if( navigator.canShare && navigator.canShare( { files: [ file ] } ) ) {
  navigator.share({
    files: [ file ],
    title: 'Dummy text file',
    text: 'Some dummy text file',
  })
  .then( () => console.log( 'Share was successful.' ) )
  .catch( (error) => console.log( 'Sharing failed', error.message ) );
}
else {
  console.log( "can't share this" );
}

但请注意，此 file 成员仅位于 level-2 specs 中，这仍然只是一个草案(可以在 Chrome 中通过 chrome://flags/#enable-experimental-web-platform-features 访问)。