How do I download files from amazon s3 bucket using javascript..

Question

0.00/5 (No votes)

See more:

Posted 11-Apr-17 2:03am

Mahesh2223

Updated 12-Apr-17 4:59am

v2

Add a Solution

Comments

Karthik_Mahalingam 11-Apr-17 8:15am

why ajax? try getting the data from code behind directly and bind the data to the gridview/

Mahesh2223 11-Apr-17 8:22am

But getting data using function is very easy so using ajax that data need to use in code behind..any other easy way to do it

Mahesh2223 11-Apr-17 8:28am

can u tel me how to get it using c# ??
please??

Karthik_Mahalingam 11-Apr-17 9:54am

show the code how you are getting data from amazon

Mahesh2223 11-Apr-17 10:14am

Karthik_Mahalingam 11-Apr-17 10:20am

pass the textFiles data to the server in json string and bind the data to gridview

Mahesh2223 11-Apr-17 10:18am

var tr;
for (var i = 0; i < textFiles.length; i++) {
tr = $('');
tr.append("" + textFiles[i].User_Name + "");
tr.append("" + textFiles[i].score + "");
tr.append("" + textFiles[i].team + "");
$('table').append(tr);

this way i am binding to table, requirement is to gridview. but data i am not able to get in codebehind

Karthik_Mahalingam 11-Apr-17 10:21am

binding it to a table is a simpler and easy way, ultimately gridview will render as table in the browser.

Mahesh2223 11-Apr-17 10:34am

ok i have one more doubt how do i download files based on the url from amazon s3 bucket.. table has 30 rows each row has file, dat need to be downloaded based on filename , ex 1st row has virat.txt /score : 100 / ind,
2 nd row has sehwag.txt score : 90/ ind, these files are saved in amazon s3 in a bucket called grade and key name is unique like virat.txt for 1st row and for 2nd sehwag.txt for 2nd row, if i give url like https://grade.s3.amazon.com/virat.txt directly in the browser its downloading now need for unique file names

Karthik_Mahalingam 11-Apr-17 10:40am

make an anchor tag and add download attribute to it and add the url for href
or window.location ='fileurl'

Mahesh2223 11-Apr-17 10:48am

can we add anchor tag to the table..this is my table
var tr;
for (var i = 0; i < textFiles.length; i++) {
tr = $('');
tr.append("" + textFiles[i].User_Name + "");
tr.append("" + textFiles[i].score + "");
tr.append("" + textFiles[i].team + "");
$('table').append(tr);
how to do it here

Karthik_Mahalingam 11-Apr-17 10:59am

the above code will not create a table.
which property has the url

Mahesh2223 11-Apr-17 11:05am

table doesn't have, we need to add it , i have added like
tr.append("" + ""); and in my table i gave a header download

Karthik_Mahalingam 11-Apr-17 11:07am

so what is the issue now.

Mahesh2223 11-Apr-17 11:11am

url is almost same to all files except this User_Name.txt . example;
for every row it will be like=> https://Grade.sw.amazon.com/username.txt this is the url need to pass,suppose for 1st row https://Grade.sw.amazon.com/virat.txt
for 2nd https://Grade.sw.amazon.com/sehwag.txt

Karthik_Mahalingam 11-Apr-17 11:13am

you will have to append ".txt" to the file name?

Mahesh2223 11-Apr-17 11:16am

can u please give some sample code based on this url and file name i gave, and when user clicks a anchor tag he needs to get that url with the filename.txt,

Karthik_Mahalingam 11-Apr-17 13:06pm

refer the solution

Mahesh2223 11-Apr-17 13:12pm

ok i wil try and tel u

Karthik_Mahalingam 11-Apr-17 13:17pm

ok

Mahesh2223 16-Jul-17 2:30am

hii bro

Mahesh2223 16-Jul-17 2:31am

Need help plz

Karthik_Mahalingam 16-Jul-17 2:32am

Hi

Mahesh2223 16-Jul-17 22:42pm

https://www.codeproject.com/Questions/1196634/Cascading-drop-down-problem-in-gridview-edit-modal

Mahesh2223 16-Jul-17 22:44pm

please check dis Question bro..in edit i am not able to get the selected value for drop down, which is cascading drop down.

Mahesh2223 11-Apr-17 11:12am

it is creating table , issue is i need to download files based on the row

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Karthik_Mahalingam · Accepted Answer · 2017-04-11T07:06:00

Solution 1

try like this

<!DOCTYPE html>
<html ng-app="" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script src="Scripts/jquery-1.8.2.js"></script>
    <script>
        function openfile(obj) {
            window.open = obj.innerText;

        }

        $(function () {

            var items = [{ User_Name: 'aa', Score: 23, team: 'aa team' },
           { User_Name: 'bb', Score: 33, team: 'bb team' },
       { User_Name: 'cc', Score: 43, team: 'cc team' }];

            var url = 'https://grade.s3.amazon.com/';
            var rows = [];
            for (var i = 0; i < items.length; i++) {
                var item = items[i];
                var cols = [];
                cols.push('<td>' + item.User_Name + '</td>')
                cols.push('<td>' + item.Score + '</td>')
                cols.push('<td>' + item.team + '</td>')
                cols.push('<td> <a href="#" onclick="openfile(this)" > ' + item.User_Name + '.txt  </a> </td>')
                rows.push('<tr>'+cols.join('')+'</tr>');
            }
            $('#tbl tbody').append(rows.join(''));

        }) 

    </script>


</head>
<body>
    <table id="tbl" border="1" cellpadding="0" cellspacing="0">
        <thead>
            <tr>
                <th>User Name</th>
                <th>Score</th>
                <th>Team </th>
                <th>Download</th>
            </tr>
        </thead>
        <tbody></tbody>
    </table>

</body>
</html>

Edit: for downloading file from amazon s3 bucket :

var url = s3.getSignedUrl('getObject',params);

Posted 11-Apr-17 7:06am

Karthik_Mahalingam

Updated 12-Apr-17 5:06am

v3

Comments

Mahesh2223 12-Apr-17 2:15am

bro small issue with this i am getting the page url of my aspx page , i am not able to redirect to amazon i have kept alert box and checked.

Karthik_Mahalingam 12-Apr-17 2:32am

not clear

Karthik_Mahalingam 12-Apr-17 2:40am

function openfile(obj) {
var url = 'https://grade.s3.amazon.com/' + obj.innerText;
window.open = url;

alert(url) // gives me aspx page url.
}

Mahesh2223 12-Apr-17 2:49am

not working bro, may be because of window.open its takng same aspx page url

Karthik_Mahalingam 12-Apr-17 2:53am

what is the value in url?

Mahesh2223 12-Apr-17 3:01am

url is correct now, but the file is not downloading from the link

Karthik_Mahalingam 12-Apr-17 3:02am

check with amazon

Mahesh2223 12-Apr-17 4:02am

prob is anchor tag is not appending its file name to the url specified..

Karthik_Mahalingam 12-Apr-17 4:08am

ok

Mahesh2223 12-Apr-17 4:13am

https://grade.s3.amazonaws.com/ its showing this url, on doing this

cols.push(' ' + Files[i].Key + ' ') , if we append file name i am done any idea plz

Karthik_Mahalingam 12-Apr-17 4:21am

show screenshot

Mahesh2223 12-Apr-17 7:20am

Thnx for ur help bro i am done, var params = { Bucket: 'grade', Key: '' + obj.innerText };
var url = s3.getSignedUrl('getObject',params);
this is giving the download file

edit the sol and add this bro, i have marked as answer..

Karthik_Mahalingam 12-Apr-17 8:17am

there are tons of ready made functions to convert bytes to mb/gb/tb etc
just little google will help

Karthik_Mahalingam 12-Apr-17 8:41am

show how you have done. let me correct that

Mahesh2223 12-Apr-17 10:20am

function bytesToSize(bytes) {
var sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];
if (bytes == 0) return 'n/a';
var i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024)));
if (i == 0) return bytes + ' ' + sizes[i];
return (bytes / Math.pow(1024, i)).toFixed(1) + ' ' + sizes[i];
};

this function i am using on body tag of html on load i am using

Karthik_Mahalingam 12-Apr-17 10:47am

just call that function

Karthik_Mahalingam 12-Apr-17 10:48am

                cols.push('<td>' + bytesToSize( item.Size) + '</td>')

Karthik_Mahalingam 12-Apr-17 10:57am

thats ok, however the question and the content is not matching so no issues.

go and watch ipl

Karthik_Mahalingam 12-Apr-17 2:53am

check this and modify
https://www.w3schools.com/jsref/met_win_open.asp