Javascript Web Share API- Navigator.share 分享網頁內容

<button type="button" id="share-btn">分享</button>

const btn = document.querySelector('#share-btn');

btn.addEventListener('click', async () => {
    try {
        if (!navigator.share) {
            return;
        }
        await navigator.share({
            title: 'Title',
            text: 'Share Content',
            url: 'https://xxx.com'
        })
    } catch (err) {
        console.log(err.message);
    }
});

<input type="file" id="file-input" accept="image/*" />
<button type="button" id="share-btn">分享</button>

const btn = document.querySelector('#share-btn');
const input = document.querySelector('#file-input');

btn.addEventListener('click', async () => {
    try {
        const files = input.files;

        if (!files.length || !navigator.canShare || !navigator.canShare({ files })) {
            return;
        }
        await navigator.share({
            files,
            title: 'Image',
            text: 'Share Content'
        })
    } catch (err) {
        console.log(err.message);
    }
});