一句話:使用File System Access API
但是,此API目前仍處于實驗階段,可能并不在所有瀏覽器中都得到完全支持。
瀏覽器的權(quán)限是很低的,是不能與操作系統(tǒng)實現(xiàn)交互,只有少量的api可以與操作系統(tǒng)交互,例如文件上傳。但是,軟件是有很高的權(quán)限的,例如,迅雷下載就可以輕松實現(xiàn),下載到指定目錄。文章來源地址http://www.zghlxwxcb.cn/news/detail-769636.html
但是,我們可以發(fā)現(xiàn),在某度圖片上,右鍵,可以選擇另存為,就能夠彈出本地文件目錄,不禁讓我們深思,到底是怎么實現(xiàn)的,但沒有收到,kukuku,不管了,給出我們的實現(xiàn)方法。
<!DOCTYPE html>
<html>
<head>
<title>選擇保存目錄示例</title>
</head>
<body>
<h2>選擇保存目錄示例</h2>
<button onclick="saveFile()">保存文件</button>
<script>
async function saveFile() {
try {
const opts = {
types: [
{
description: '文件',
accept: {
'text/plain': ['.txt'],
'application/pdf': ['.pdf'],
'image/jpeg': ['.jpg', '.jpeg'],
'image/png': ['.png']
}
}
],
excludeAcceptAllOption: true
};
const handle = await window.showSaveFilePicker(opts); // 打開保存文件對話框
const writable = await handle.createWritable(); // 創(chuàng)建可寫入的文件對象
// 在這里寫入文件內(nèi)容
await writable.write('這是文件的內(nèi)容');
await writable.close();
console.log('文件保存成功');
windows.alert('success');
} catch (error) {
console.error('文件保存失敗:', error);
}
}
</script>
</body>
</html>
文章來源:http://www.zghlxwxcb.cn/news/detail-769636.html
到了這里,關(guān)于使用JavaScript實現(xiàn)保存文件,用戶可以自己選擇本地路徑的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!