大小調整圖像使用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/。