大小调整图像使用javascript

Question

嗨，我有使用javascript预览muliple图片上传..

但问题是，当它的加载我不能调整图像..

这是我的代码：

function handleFileSelect(evt) { 
    var files = evt.target.files; // FileList object 

// Loop through the FileList and render image files as thumbnails. 
for (var i = 0, f; f = files[i]; i++) { 

    // Only process image files. 
    if (!f.type.match('image.*')) { 
     continue; 
    } 

    var reader = new FileReader(); 

    // Closure to capture the file information. 
    reader.onload = (function (theFile) { 
     return function (e) { 
      // Render thumbnail. 
      var span = document.createElement('span'); 
      //That's what i tried 
      e.target.result.height=770; 
      e.target.result.width=336; 
      span.innerHTML = ['<img class="thumb" src="', e.target.result, 
       '" title="', escape(theFile.name), '"/>'].join(''); 
      document.getElementById('list').insertBefore(span, null); 
     }; 
    })(f); 

    // Read in the image file as a data URL. 
    reader.readAsDataURL(f); 
} 
} 

document.getElementById('files').addEventListener('change', handleFileSelect, false); 

请如果有人能帮助我。

Answer 1

您可以尝试使用HTML5画布调整大小。一个例子见https://hacks.mozilla.org/2011/01/how-to-develop-a-html5-image-uploader/。