1

我有一个新闻部分，我可以在其中发布一些新闻。

- >Thumbnail和titlecontent

我想要的是：

  • 用户应该能够在不离开页面的情况下上传图像文件 -> 进度条

  • 将文件作为发布请求发送到我的服务器。

  • 然后我可以从 post 请求中获取图像文件，然后我可以调整图像大小/重命名图像并将其上传到 amazon s3。

  • 如果我必须使用 javascript 库，我宁愿使用 jquery。

这应该看起来像这样：

上传示例

如果我提交新闻，我想将图像路径保存在我的数据库中。现在我需要一种从我的 post 方法中获取图像名称的方法。

我找到了一些上传解决方案，但我无法理解它们是如何工作的。

http://blueimp.github.com/jQuery-File-Upload/

http://www.uploadify.com/

我只知道获取/发布来检索信息，但它们以某种方式集成了表单中的 php 文件。例如：

$(function() {
    $('#file_upload').uploadify({
        'swf'      : 'uploadify.swf',
        'uploader' : 'uploadify.php'
        // Put your options here
    });
});

我缺乏自己做这件事的信息。你会推荐我什么？

Ps：我在 Play2 中使用 Java

4

3 回答 3

1

您可以从文档中执行以下操作：

$(function() {
    $("#file_upload").uploadify({
        'swf'      : '/uploadify/uploadify.swf',
        'uploader' : '/uploadify/uploadify.php',
        'onSelect' : function(file) {
            alert('The file ' + file.name + ' was added to the queue.');
        }
    });
});

选择文件名后，您可以在哪里获得文件名。

于 2012-08-20T13:32:19.360 回答
1

你所要求的确实很多。但是为了让你开始，看看这个页面（使用 JQuery）：

http://tutorialzine.com/2011/09/html5-file-upload-jquery-php/

上面的链接是一个不错的上传实用程序，您可以很容易地使用它进行拖放，但也可以通过手动选择文件来使用它。有据可查。

至于调整大小，我已经非常成功地使用了它（PHP）：simpleImage

simpleImage 非常易于使用并插入您的网站。

于 2012-08-20T13:33:24.210 回答
1

Uploadify绝对是要走的路。所有实施步骤都可以在这里找到：http ://www.uploadify.com/documentation/uploadify/implementing-uploadify/

您需要在 uploadify.php 脚本中配置上传文件的路径。

至于亚马逊 S3，这里有一个实现：http ://code.google.com/p/uploadify-amazon-s3/

我认为 onUploadSuccess 方法比 onSelect 更适合：http ://www.uploadify.com/documentation/uploadify/onuploadsuccess/

于 2012-08-20T13:34:13.077 回答