0

这是我的网页的屏幕截图，在提供图像下，有显示网络图像的图像。

http://imageshack.us/a/img684/9584/screenshot20120920at335.png

但是，实际的网络图像是

http://imageshack.us/a/img717/5240/1348180361.png

该容器的代码是

   $('#image_upload_form input').change(function() {

            success: function ( data ) { 
                 var jsonData=data;
                if(jsonData.status==1)
                 {
                 var imagePath="http://www.test.com/play2win_offerimages/" + jsonData.image_name;

                    $('#offer_detail input[name=image]').val(imagePath);
                    myImage = new Image();
                    myImage.src = imagePath;
                                            myImage.width=100;
                                            myImage.height=100;
                    $(myImage).load(function() {
                        $('#offer_image').updateimgto(myImage.src);
                        });

                }  //status=1


            }   //success


        });      //submit

我将图像 myImage 设置为 100x100。然而，正如您从网页中看到的那样，只显示了图像的一部分。

现在，我在页面上显示的网页图像被裁剪了。如何解决这个问题？

我不想裁剪，只需要重新缩放以适合容器。

image_upload_form 的 html

        <form id="image_upload_form" enctype="multipart/form-data" action="http://www.test.com/play2win_api/offers/upload_image" method="POST">

   <input type="hidden" name="MAX_FILE_SIZE" value="8192000" /> 

  <input name="offer_image" type="file" id="imagefile"/></form>
4

2 回答 2

0

我建议删除这两行

myImage.width=100;
myImage.height=100;

而是尝试在 中设置输入样式#image_upload_form并将以下代码添加到您的样式中：

width:100px;height:100px;
于 2012-09-20T22:51:53.830 回答
0

不要设置图像的高度、删除或注释掉以下行：

myImage.height=100;

只需指定宽度，浏览器将根据该宽度重新缩放图像。

于 2012-09-20T22:52:04.793 回答