Abrir locales de la imagen en el lienzo

estoy tratando de hacer un javascript imagen selector de color.
Es posible abrir locales de la imagen en el lienzo, sin subirlo al servidor ?

function draw() {
    var ctx = document.getElementById('canvas').getContext('2d');
    var img = new Image();
    img.onload = function(){
        ctx.drawImage(img,0,0);
    }

    img.src = $('#uploadimage').val(); 
}

<input type='file' name='img' size='65' id='uploadimage' />
InformationsquelleAutor user1093555 | 2012-04-18

1 Kommentar

  1. 34

    No compatibles en todos los navegadores (IE y Opera AFAIK) pero se podía obtener datos URI mediante el Archivo de la API

    function draw() {
      var ctx = document.getElementById('canvas').getContext('2d')
        , img = new Image()
        , f = document.getElementById("uploadimage").files[0]
        , url = window.URL || window.webkitURL
        , src = url.createObjectURL(f);
    
      img.src = src;
      img.onload = function(){
        ctx.drawImage(img,0,0);
        url.revokeObjectURL(src);
      }
    }
    
    <input type='file' name='img' size='65' id='uploadimage' />

    He añadido un el violín aquí como un ejemplo.

    • Thx mucho, este es perfecto.

Kommentieren Sie den Artikel

Bitte geben Sie Ihren Kommentar ein!
Bitte geben Sie hier Ihren Namen ein

Pruebas en línea