获取本地图像并存储到亚马逊并在db中存储链接

时间:2013-11-20 06:35:57

标签: amazon-s3 jscript

我有一个网页,允许用户从本地磁盘中选择图像文件..我想做的是将图像存储在亚马逊的3桶上,并将本地链接转换为亚马逊链接并将其存储在我的数据库中。我该怎么做。另外请告诉我,亚马逊是免费的,如何制作桶...请帮助我是亚马逊的完整新手。 这是我的代码

<html>
<head>
<link rel="stylesheet" type="text/css" href="selection1.css">
<link class="jsbin" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/jquery-ui.min.js"></script>
<meta charset=utf-8 />
<script>
function readURL(input) {
        if (input.files && input.files[0]) 
{
            var reader = new FileReader();

            reader.onload = function (e) 
{
                $('#blah')
                    .attr('src', e.target.result)
                    .width(300)
                    .height(300);

 };

            reader.readAsDataURL(input.files[0]);
        }



 }
</script>

</head>

<body><center>

<div id="div1">
<h2>Select 3 images as your password by clicking the 'choose' button and then click 'submit' button to proceed furthur.</h2>
<div id="div2">
<img id="blah" src="#" alt="your image" />
</div>
<div id="div3">
<img id="" src="#" alt="your image" />
</div>
<div id="div4">
<img id="" src="#" alt="your image" />
</div>
</br></br>
<input type='file' onchange="readURL(this);" />
<input type='file'  />
<input type='file'  />
</div>

</center></body>
</html>

1 个答案:

答案 0 :(得分:0)

关于定价

  

作为AWS免费使用套餐的一部分,您可以开始使用Amazon S3   免费。注册后,新AWS客户将获得5 GB的Amazon S3   标准存储,20,000个Get请求,2,000个Put请求和15GB   数据每个月转出一年。

这是来自他们的官方网站, 用于创建存储桶和上传图像..请仔细阅读他们的文档,它们非常清晰和精细。您可以使用REST API来发送请求或使用各种语言的SDK(PHP,.NET等) 请参阅http://docs.aws.amazon.com/AmazonS3/latest/dev/MakingRequests.html