Как скачать файл из S3 Bucket конечному пользователю используя javascript?

Question

[Alexey]

Задача по большому счету не тривиальная.
Есть кнопка с навешенным событием. При клике на кнопку, необходимо скачать файл из S3 Bucket. Собственно файл скачивается с помощью данного кода:

bucket.getObject(
                    { Bucket: "x_name", Key: s.path + md5(s.user_id.toString()) + '-' + s.user_id + '.' + s.extension },
                    function (error, data) {
                        if (error == null) {
                            window.alert("Loaded " + data.ContentLength + " bytes");
                            // do something with data.Body
                        } 
                    }
                );

И структура получаемого файла:



Файл я получаю, а как теперь осуществить закачку в браузер? Чтобы к примеру когда я получаю файл у пользователя началась закачка?

Answer 1

[Arman]

Можно ссылку создать с атрибутами target="_blank", download и путь до файла, потов вызывать событие Клик, еще вместо пути можно попробовать "data:" + в base64 контент закинуть

Comments

[Alexey]

Вы имеете ввиду, что-то наподобие:

$('a.download').attr('href', 'data:application/csv;charset=utf-8,' + encodeURI(data));

[Arman]

Alexey, тип того, но атрибуты target и download htmlbook.ru/html/a

[Alexey]

Вот эта часть "data:application/csv;charset=utf-8,' + encodeURI(data)" у меня объект, ее необходимо преобразовать в Base64?

[Arman]

Alexey, не было опыта с таким, но наверно надо mime тип указать вместо "application/csv" и навенро кодировать имеено свойсвто Body

[Alexey]

var blob = new Blob([data.Body], {type: data.ContentType}),
                                link = document.createElement("a");
                                
                                link.href = window.URL.createObjectURL(blob);
                                link.download = file.name;
                                link.click();

Как говориться, "Заработало!" ) Спасибо за наводку!