Javascript React js:如何通过网页上的HTML按钮打开本地路径

Javascript React js:如何通过网页上的HTML按钮打开本地路径,javascript,html,reactjs,Javascript,Html,Reactjs,如何使用网页上的HTML按钮打开计算机上的本地路径,例如/home/mypath/Desktop/Projects/projectFolder1/? 我尝试这样做是因为我想在文件夹中转储一定数量的.pdf文档 下面是我正在使用的代码: import React from 'react'; import { Card, CardImg, CardText, CardBody, CardTitle, CardSubtitle } from 'reactstrap'; import '../compo

如何使用网页上的
HTML
按钮打开计算机上的本地路径,例如
/home/mypath/Desktop/Projects/projectFolder1/
? 我尝试这样做是因为我想在文件夹中转储一定数量的
.pdf
文档

下面是我正在使用的代码:

import React from 'react';
import { Card, CardImg, CardText, CardBody, CardTitle, CardSubtitle } from 'reactstrap';
import '../components/SideBar.css';
import { Link } from 'react-router-dom';

import example from '../documents/sample.zip';
import example2 from '../documents/example1.pdf';


class AtchafalayaButton extends React.Component {
    render() {
        return <DownloadLink src={example}>Download Project Specs</DownloadLink>;
    }
}
class DownloadLink extends React.Component {
    render() {
        return (
            <form method="get" action={this.props.src}>
                <button type="submit" class="btn btn-primary mr-3">
                    {this.props.children}
                </button>
            </form>
        );
    }
}


const Sidebar = () => (
    <div className="map-sidebar">
        <Card className="mb-2">
            <CardImg />
            <CardBody>
                <CardTitle>
                    <h3>Title</h3>
                </CardTitle>
                <CardSubtitle>Title Section</CardSubtitle>
                <CardText>
                    <h6>Project Details</h6>
                </CardText>
                <div class="btn-toolbar">
                    <AtchafalayaButton />
                </div>
            </CardBody>
        </Card>
但我正在尝试使用网页上的
HTML
按钮打开
/home/mypath/Desktop/Projects/projectFolder1/

2) 因此,我对这个问题进行了深入研究,发现并解决了这个问题。然而,他们似乎没有正确地解决这个问题

3) 我退后一步,试图看一些不太先进但对如何做有更多解释的东西,并发现哪种方法对我有帮助,但从未解释过如何打开或设置本地文件夹

4) 在挖掘了更多的信息后,我发现这让我有点担心,因为在同一个来源中有一个解释,显然这是不可能的。然而,这种联系已经有近5年的历史了,也许还有一些我不知道的东西已经存在了


请指出正确的方向,因为我已经没有解决这个问题的想法和选项了。

客户端JS无法访问用户PC上的文件和文件夹。我怀疑这一点将来会随时改变。使用JS可以做的唯一一件事就是使用类似于包的方式启动保存对话框。

感谢阅读此问题。我正在阅读这篇文章,但有一个简短的问题。如果我想通过网页上的按钮在我的本地路径
/home/mypath/Desktop/Projects/projectFolder1/
中转储10
pdf
,我仍然可以吗?从
文件保护程序中
似乎可以,但操作似乎是异步进行的?您可以让用户下载文件,但不能选择文件夹或控制下载过程。例如,当您调用
FileSaver.saveAs(blob,“helloworld.txt”),浏览器将只打开文件保存对话框,由用户决定在何处存储它,最后一个问题。用户是否可以决定上载文件?例如,用户单击按钮并决定上载同一文件夹中的文件
/home/mypath/Desktop/Projects/projectFolder1/
?上载是什么意思?将文件上载到服务器是完全不同的操作
            <a href="path_to_file" download="proposed_file_name">