Tag: amazon s3

如何在Rails中使用Ajax和Jquery将图像上传到Amazon AWS(S3)?

我希望用户从网站上传他们的图片。 我已经完成了大部分工作但是现在,我在将图像上传到服务器时遇到了困难。 我该如何解决这个问题? HTML – “> X Delete Cancel  Upload Here <input type="hidden" name="user_id1_key" value="”/> 咖啡脚本 – $ -> if $(‘#target1 img’).length == 1 $(‘#file_browser1’).addClass ‘none’ $(‘#close1’).addClass ‘delete1’ $(‘#closebtn1’).on ‘click’, (e) -> $(‘#closemsg1’).addClass ‘msg1’ $(‘#cancelbtn1’).click -> $(‘#closemsg1’).removeClass ‘msg1’ $(‘#deletebtn1’).click -> $(‘#close1’).removeClass ‘delete1’ $(‘#closemsg1’).removeClass ‘msg1’ $(‘#target1 > img’).hide() $(‘#file_browser1’).removeClass ‘none’ $(‘#file-upload1’).val(”) return $(‘#file-upload1’).on ‘change’, (event) […]

是否可以使用jquery / javascript将doc / docx转换为html?

我需要将doc / docx转换为html。 我有存储在amazon s3中的文件。 我需要在浏览器中查看和编辑它。 现在,我正在使用Apache POI将doc / docx转换为html。 我正在HTML编辑器(Jquery插件)上显示响应。 它工作但对齐/格式更改。 也是未提取的图像。 任何修复图像提取和格式化问题的解决方案,请参考或引用任何Jquery / JS插件进行转换。

如何对AWS S3存储桶进行ajax调用以从文件夹中获取文件名?

我试图从文件夹中获取图像文件名,以将其作为HTML元素动态添加到我的网页。 为了做到这一点,我发现这段代码在本地主机上完美运行。 var folder = “img/gallery/”; $.ajax({ url: folder, success: function(data) { $(data).find(“a”).attr(“href”, function(i, val) { if (val.match(/\.(jpe?g|png|gif)$/)) { // TODO: Filter and Title strings needs to be changed var lightboxElement = “”; $(“#lightbox”).append(lightboxElement); } }); }, error: function(exception) { console.log(data); } }); 基本上,这段代码的作用是在指定的文件夹中搜索不同类型的图像文件并返回它们的名称。 然后,将具有图像源地址的img元素添加到确定的HTML对象(#lightbox)。 当我在我的本地服务器上运行整个项目时,它完全正常。 但是,将其上载到AWS S3存储桶时,该ajax调用不起作用。 当我搜索时,我找到了几种可能的解决方案。 1)他们建议将交叉源资源共享(CORS)文件添加到存储桶中。 我添加了以下规则的文件。 但它没有用。 * GET * […]

Flowplayer设置来自Amazon S3的.flvvideo的开始时间

到目前为止我所拥有的: 当我打开一个jquery对话框时,该对话框中的Flowplayer开始自动播放并自动缓存来自s3的URL。 我需要的: 我有一个时间变量(让我们说300秒)。 当我打开该对话框时,我希望video从300.second开始(autoplay和autobuffer on。)。 我希望以任何方式执行此操作,例如在html中如果flowplayer支持它或在javascript中。 方式无关紧要。 你知道我怎么做到的吗? 当我使用脚本代码时: clip: { onStart: function () { this.seek(300); } } 它只能在那一点寻求缓冲时间的结束,即最多约20秒,这当然是自然的。 有没有办法做到这一点? 谢谢。

如何用Amazon S3替换PHP imagecopyresampled?

我正在使用jquery文件上传脚本,并已成功将主图像上传到Amazon S3。 我现在正在尝试将多个图像大小换成上传到S3中的子文件夹或对象。 在UploadHandler.php文件中的create_scaled_image函数内部,如何用S3调用替换imagecopyresampled调用? 这有可能吗? 以下是图像resize并将文件写出的内容: $success = $src_img && @imagecopyresampled( $new_img, $src_img, $dst_x, $dst_y, 0, 0, $new_width, $new_height, $img_width, $img_height ) && $write_image($new_img, $new_file_path, $image_quality); // Free up memory (imagedestroy does not delete files): @imagedestroy($src_img); @imagedestroy($new_img); 我可以以某种方式调整内存中的图像大小,然后将文件保存到我的S3对象? $bucket = “pics.mysite.com”; $file = ?? $uploaded_file = ?? $response = $s3->create_object($bucket, $file, array(‘fileUpload’ => $uploaded_file, ‘acl’ […]

使用JQuery文件上传到amazon S3,在客户端调整图像大小

我已经在互联网上看到了一些例子: 这个和这个 ,但是我正在关注RailsCast剧集#383上传到Amazon S3 ,在video的最后他提到了使用javascript在客户端调整图像大小, 当然。 问题是,如果我按照他的例子,我无法实施。 我正在使用gem jquery-fileupload-rails 编辑 :我注意到我在JQuery-fileupload示例中缺少一些JS 来调整图像页面的大小 ,但仍然没有工作。 我对application.js的要求 //= require jquery-fileupload/vendor/jquery.ui.widget //= require jquery-fileupload/vendor/load-image //= require jquery-fileupload/vendor/canvas-to-blob //= require jquery-fileupload/jquery.iframe-transport //= require jquery-fileupload/jquery.fileupload //= require jquery-fileupload/vendor/tmpl //= require jquery.fileupload-process //= require jquery.fileupload-image //= require jquery-fileupload/locale 我的post.js.coffee http://pastebin.com/9sm7UtsP jQuery -> $(‘#fileupload’).fileupload add: (e, data) -> types = /(\.|\/)(gif|jpe?g|png)$/i file = […]

Amazon CloudSearch查询

我对如何从静态HTML页面查询我的Amazon CloudSearch感到很遗憾。 尽管文档很好,但除了在浏览器中复制和粘贴URL之外,没有任何示例。 我想要的是S3中的HTML页面,因此不允许服务器端代码,有一个文本字段表单,当单击搜索按钮时触发我的CloudSearch终点并返回结果 CloudSearch使用JSON进行响应,因此必须对其进行解析并生成结果表。 到目前为止,我一直在本地使用保存的结果JSON并使用Jquery读取JSON文件 JSON Sample $.getJSON(‘search.json’, function(data) { var output=””; for (var i in data.hit) { output+=”” + data.hit[i].id+ “”; } output+=””; document.getElementById(“placeholder”).innerHTML=output; console.log(data); }); 这给了我记录的ID。 但是当我尝试将URL更改为CloudSearch端点时,我没有收到任何数据。 阅读并绕圈子我认为这是因为CORS。 但是,亚马逊的文档只是说在端点上使用HTTP GET但是如何在我的HTML页面中构建它。 对不起这个基本问题

如何使用Amazon S3创建一次性下载链接?

我想创建一个amazon s3托管文件的一次性下载链接。 文件下载后,此链接将过期。 我希望仍然可以托管此文件,但访问者只能下载一次该文件。 我需要这个场景是:我有一个文件下载网站,用户在那里支付文件费用。 我希望用户只能从网站(和amazon s3)下载文件一次,我也不希望用户能够与其他人共享直接下载链接。 如果这是不可能的,我想知道如果可能的话,用IP地址或Cookie来限制它是否更有效?

Amazon S3和jqueryfileupload插件的图像上传性能问题

我有另一个亚马逊的问题,它与文件uploads有关。我正在使用jqueryFileUpload和amazon API将文件上传到亚马逊S3。我已成功上传它,但它涉及一个技巧。 我必须将图像存储在我的服务器上,然后使用S3的putObjectFile方法将其从那里移到S3。现在该插件具有很好的function来裁剪/调整图像,我一直在使用它们。现在我整合了插件使用AWS,我面临上传的性能问题 。上传时间比平时长,这引发了我们使用AWS S3而不是传统方式的问题。 我不得不对我的UploadHandler.php文件进行更改以使其工作。这些是所做的更改。我将一部分AWS上传代码添加到735到750行的文件中 $bucket = “elasticbeanstalk-2-66938761981”; $s3 = new S3(awsAccessKey, awsSecretKey); $response = $s3->putObjectFile($file_path,$bucket,$file->name,S3::ACL_PUBLIC_READ); $thumbResponse = $s3->putObjectFile(‘files/thumbnail/’.$file->name,$bucket,’images/’.$file->name,S3::ACL_PUBLIC_READ); //echo $response; //echo $thumbResponse; if ($response==1) { //echo ‘HERER enter!!’; } else { $file->error = “Something went wrong while uploading your file… sorry.”; } return $file; 这是git上s3类的链接。 正常上传到我当前的服务器(不是亚马逊),相同的图像上传15秒 ,但在亚马逊S3上需要大约23秒 ,我无法找到更好的解决方案。我必须将图像存储在我的服务器上上传到S3,因为我不确定我是否可以动态处理它们并直接上传到S3。 任何人都可以建议正确的方法来解决这个问题吗?是否有可能将图像大小调整到内存中的不同大小并直接上传到S3,避免了将其保存到我们服务器的开销?如果有,任何人都可以指导我朝着正确的方向前进吗? 谢谢你的关注。

Rails使用aws-sdk gem和heroku上的jQuery-File-Upload直接进入S3上传

我正在尝试使用jQuery-File-Upload和aws-sdk gem直接在Rails中实现Amazon S3上传,并遵循heroku直接到S3上传说明。 这是在html中生成的上传表单: 这是相应的jQuery: $(function() { $(‘.directUpload’).find(“input:file”).each(function(i, elem) { var fileInput = $(elem); var form = $(fileInput.parents(‘form:first’)); var submitButton = form.find(‘input[type=”submit”]’); var progressBar = $(“”); var barContainer = $(“”).append(progressBar); fileInput.after(barContainer); fileInput.fileupload({ fileInput: fileInput, url: form.data(‘url’), type: ‘POST’, autoUpload: true, formData: form.data(‘form-data’), paramName: ‘file’, // S3 does not like nested name fields ie name=”user[avatar_url]” dataType: […]