的Javascript如何设置自己的IMG宽度和高度，使用

Question

林这段JavaScript代码来显示选择要上传的图片（调整）：

var input = document.getElementById("images"), 
    formdata = false; 

function showUploadedItem (source) { 
    var list = document.getElementById("image-list"), 
     li = document.createElement("li"), 
     img = document.createElement("img"); 
    img.src = source; 
    li.appendChild(img); 
    list.appendChild(li); 
} 

HTML：

<span class="span4"> 
    <div id="response"></div> 
    <ul id="image-list"> 
    </ul> 
</span> 

我如何可以编辑代码所以选择和显示的图像显示为原始大小为400px的图像。例如：

谢谢！

Answer 1

你可以说：

img.style.width = "400px"; 
img.style.height = "400px"; 

Answer 2

之后你的对象IMG的创建过程，可以使用类似：

img.width = "400"; 
img.height = "400"; 

Answer 3

CSS：

#image-list img{ 
    height: 400px; 
    width: auto; 
} 

，如果你真的想身体调整图片大小，...比，如果你的形象在您的服务器上，您可以将其发送到画布，执行调整大小并将其作为base64编码的字符串...

有趣的阅读：How to Preview Image, get file size, image height and width before upload?

Answer 4

你也可以添加一个CSS类（调整）这个图像

img.resize{ 
    width:540px; /* you can use % */ 
    height: auto; 
} 

Answer 5

通过包括线...

img.style.width='400px'; 

img.style.height='400px'; 

或任何你想要的大小。