изменения размера изображения перед загрузкой Использование JavaScript

Question

Привет У меня есть Muliple загрузчик изображений с помощью предварительного просмотра JavaScript ..

Но проблема в том, что я не могу изменить размер изображения, когда он загружен ..

Вот мой код:

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/.