javascript - ajax文件上传图片获取高度和宽度

Question

我希望能够更改使用 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 正在获取文件按钮高度或类似的东西。

我可以从那里获得高度，还是在加载图像后以某种方式获得图像的高度然后更改它会更好？

Answer 1

所以使用javascript我仍然没有找到这样做，但是我给图像一个类 new-img 并在 css 中使它有一个 max-width: 100%; 我能做的最好的。