1

ニュースを投稿できるニュースセクションがあります。

-> Thumbnailtitleおよびcontent

私が欲しいもの:

  • ユーザーは、ページ->プログレスバーを離れることなく画像ファイルをアップロードできる必要があります

  • ファイルをPOSTリクエストとしてサーバーに送信します。

  • 次に、POSTリクエストから画像ファイルを取得し、画像のサイズ変更/名前変更を行って、Amazons3にアップロードできます。

  • javascriptライブラリを使用する必要がある場合は、jqueryを使用することをお勧めします。

これは次のようになります。

アップロード例

ニュースを送信する場合、画像パスをデータベースに保存したいと思います。ここで、postメソッドから画像名を取得する方法が必要になります。

いくつかのアップロードソリューションを見つけましたが、それらがどのように機能しているかを理解するのに問題があります。

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

http://www.uploadify.com/

私は情報を取得するためのget/postしか知りませんが、どういうわけかphpファイルをフォームに統合します。例えば:

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

私は自分でこれを行うための情報が不足しています。何をお勧めしますか?

追伸:私はPlay2でJavaを使用しています

4

3 に答える 3

1

Uploadify は間違いなく進むべき道です。実装のすべての手順は、次の場所にあります: http://www.uploadify.com/documentation/uploadify/implementing-uploadify/

uploadify.php スクリプトでアップロード先のパスを構成する必要があります。

Amazon S3 に関しては、ここに実装があります: http://code.google.com/p/uploadify-amazon-s3/

onUploadSuccess メソッドは onSelect よりも適していると思います: http://www.uploadify.com/documentation/uploadify/onuploadsuccess/

于 2012-08-20T13:34:13.077 に答える
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

あなたが求めているのは本当にLOTです。しかし、始めるには、このページを見てください (JQuery を使用):

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

上記のリンクは、ドラッグ アンド ドロップで簡単に使用できる優れたアップロード ユーティリティですが、ファイルを手動で選択して使用することもできます。十分に文書化されています。

サイズ変更に関しては、これを使用して大成功を収めました(PHP): simpleImage

simpleImage は非常に使いやすく、Web サイトにプラグインできます。

于 2012-08-20T13:33:24.210 に答える