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