-3

現在、jQueryを使用して作成したフォームからファイルをアップロードしようとしています。これは私がやろうとしていることです:

    function ajax_upload(){
    var formData = new FormData($('form#userform'));
        $.ajax({
        url: location.protocol + "//" + location.host + "/profile/uploadPicture",
        dataType: 'json',
        data: formData,
        type: 'post',
        success: function(data, status){
        if (data.status == 'error') {
            $('#error').html(data.msg);
        }
        else {
            var filename = location.protocol + "//" + location.host + "/data/profiles/" + data.msg;

            $('input#filename').val(filename);
            close_upload_form();
            pop_profilechanger(filename);

        }
    }
});
    return false;

}

フォームはバックエンドに投稿されているように見えますが、アップロードされたファイルから次のような JSON オブジェクトでファイル名を返そうとしています。

何か問題がありますか？教えてください

4

1 に答える 1

0

これが私のやり方です。貼り付けたコードだけでなく、より多くの情報が必要な場合は、このhttp://www.html5rocks.com/en/tutorials/file/dndfiles/をチェックしてください。私のコードはドラッグアンドドロップファイル用に作成されているためです。

        handleFiles : function(files, evt, target)
        {
            console.log(target);
            $.each(files, function(index, value)
            {
                var file = value;

                reader = new FileReader();
                reader.onload = function(evt)
                {
                    var li = $("<li class='uploading'><img data-image-id='0' src='" + evt.target.result + "' /></li>");
                    target.find('.imagesList').append(li);

                    var request = new XMLHttpRequest();
                    var formData = new FormData();
                    formData.append('image', file);

                    request.open("Post", settings.uploadImageUrl);
                    request.addEventListener("load", function(evt)
                    {
                        var id = evt.target.responseText;
                        li.removeClass('uploading');
                        li.find('img').attr('data-image-id', id);

                    }, false);
                    request.send(formData);
                };

                reader.readAsDataURL(value);

            });
        },
于 2012-08-07T06:43:32.707 に答える