Загрузка файлов из внешнего интерфейса непосредственно в S3
Я использую https://hyperstack.org/ для написания изоморфного приложения и решил реализовать код, который загружает код прямо из браузера на S3 (вместо того, чтобы идти через мой Rials-сервер).
Я планирую использовать эту библиотеку: https://github.com/odysseyscience/react-s3-uploader.
предоставленный код JSX выглядит довольно просто
<ReactS3Uploader
signingUrl="/s3/sign"
signingUrlMethod="GET"
accept="image/*"
s3path="/uploads/"
preprocess={this.onUploadStart}
onSignedUrl={this.onSignedUrl}
onProgress={this.onUploadProgress}
onError={this.onUploadError}
onFinish={this.onUploadFinish}
signingUrlHeaders={{ additional: headers }}
signingUrlQueryParams={{ additional: query-params }}
signingUrlWithCredentials={ true } // in case when need to pass authentication credentials via CORS
uploadRequestHeaders={{ 'x-amz-acl': 'public-read' }} // this is the default
contentDisposition="auto"
scrubFilename={(filename) => filename.replace(/[^\w\d_\-.]+/ig, '')}
server="http://cross-origin-server.com"
inputRef={cmp => this.uploadInput = cmp}
autoUpload={true}
/>
Мне было интересно, если кто-нибудь сделал это в Hyperstack еще и есть ли какие-то конкретные указатели, которые я должен рассмотреть?
Я немного беспокоюсь о server="http://cross-origin-server.com"
и было интересно, как я получу имя сервера из кода на стороне клиента?