I have a small webpage as example that looks like the one below. I have a certain number of users who can use that application and I would like to have the possibility for the user to upload one or more files to ShareSync
on a specific folder.
The order of operation is therefore the following:
Take .pdf
from Desktop-> open path using webpage button as shown -> access to ShareSync
specific folder -> upload .pdf
in that folder
Would that be possible?
Below the code I am using for far:
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>
What I have done so far:
1) I consulted file-saver but this does not seem to be what I want because the user has to upload
a file into a folder and not download
from the folder.
2) I dug into the problem and found this source and this one too. However they don't seem to address properly the problem I have.
3) I stepped back and tried to look at something less advanced but with more explanation on how to do that and found this basic example which sort of helps me but it is mostly aimed at downloading
and not at uploading
a file to a specific location.
4) After digging more I came across this other source from which it is not clear if this operation is possible.
Please point to the right direction as I am running out of ideas and options on how to solve this problem.