0

私は少し初心者ですが、ユーザーが写真のスライドショーを作成できる機能を作成しようとしています。画像をアップロードすると、次のコードを使用してプレビューが表示されます。

function photoPreview (input) {

    if (input.files && input.files[0]) {

        var reader = new FileReader();
        reader.onload = function (e) {
            $('.preview-photo').attr('src', e.target.result);

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

$('.photo-upload').change(function(){
    photoPreview(this);
})

次に、「追加」ボタンをクリックして、プレビュー div の下にある画像キューに写真を追加します。画像キューには、次のコードを使用して写真のスナップショットが表示されます。

var uploadSource = $('.preview-photo').attr('src');
$('#queue-container').append("<img class='snapshot-photo'" + "src='" + uploadSource + "'>");

最後に、すべての写真を ajax 経由で送信してみます。

for (i = 0; i < $('#queue-container').children('.snapshot-photo').length; i++) {
    var sourcevalue = $('#snapshot-container').children('.snapshot-photo:eq(' + i + ')').attr('src')
    var source = document.createElement('input');
    $(source).attr({
        type: 'file',
        name: 'photo_source_' + i,
        value: sourcevalue
    });
}

サーバー側にアクセスして、ファイル システムを使用したかどうかを確認しようとすると、未定義として表示されます

fs.readFileSync(req.files.photo_source_0) // cannot read property of undefined

長い質問だと思いますが、本当に助けが必要です。ノードのファイルシステムにファイルを認識させるにはどうすればよいですか? それとも私のプロセス全体が間違っていますか？すべての提案を歓迎します。

4

1 に答える 1

0

Uploadfiyから使用できます。非常に完全なオプションがあり、このバージョンを購入できるフラッシュ バージョン (無料) と HTML5 バージョンの 2 つのバージョンがあります。

于 2013-10-26T11:23:22.700 に答える