Я использую 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"
, и мне было интересно, как я получу имя сервера из кода на стороне клиента?