0

ajaxでアップロードした画像の高さを変更できるようにしたいです。

これが私のコードです：

$(function(){
$("#submitimage").click(function(){
    var data = new FormData(),
        // ClientHeight is not getting the image height it is getting the height of some other element.
        height = $("#file")[0].clientHeight,
        width = $("#file")[0].clientWidth,
        FileName = $("#file").val();
    console.log(height);
    console.log(width);
    FileName = FileName.replace("C:\\fakepath\\", "");
    data.append('file', $('#file')[0].files[0]);
    $.ajax({
        type: "POST",
        url: "upload_file.php",
        cache: false,
        contentType: false,
        processData: false,
        data: data,
        success: function(data) {
            newimage = "<br><img src='uploadedimages/"+FileName+"' width='"+width+"' height='"+height+"' alt='new image' /><br>";
            $(newimage).appendTo(".current-bulletin");
        }
    });
});

});

console.log を使用して、返される高さと幅を取得します。常に 22x272 なので、clientheight はファイル ボタンの高さなどを取得していると思います。

そこから高さを取得できますか、または画像が読み込まれた後に画像の高さを取得してから変更する方が良いですか?

4

1 に答える 1

0

したがって、javascript を使用してこれを行う方法はまだ見つかりませんでしたが、画像にクラス new-img を指定し、css で max-width: 100%; を作成しました。私ができる最善のこと。

于 2012-08-02T21:57:52.363 に答える