2011-12-15 3 views
1

Im работает над предварительным просмотром изображений перед загрузкой с помощью JQuery, работает в хроме и опера, но не работает в Firefox. Вот код.Назначение источника изображения в Firefox и IE

 (function() { 
     var result = document.getElementById('pnlZoom'), 
    load = function(e) { 
     e.preventDefault(); 
     window.loadImage(
      (e.dataTransfer || e.target).files[0], 
      function(img) { 
            var source = img.src; 
            $("#img").attr("src",source);      
            alert("Image source is: "+img.src); 
           } 
     ); 
    }; 
     document.ondragover = function(e) { 
      e.preventDefault(); 
      e.dataTransfer.dropEffect = e.dataTransfer.effectAllowed = 'copy'; 
     }; 
     document.ondrop = load; 
     document.getElementById('file-input').onchange = load; 
    }()); 

может помочь мне найти причину проблемы с src в Firefox и IE. или любое другое лучшее рабочее решение во всех пяти основных браузерах?

+0

Что говорит Fx или делает? Откуда возникает loadImage? – mplungjan

+0

Возможно, вам нужна эта ссылка http://www.html5rocks.com/en/tutorials/file/dndfiles/ – mplungjan

ответ

1

Если вы можете найти изображение без проблем, то просто использовать простые методы DOM:

source = img.getAttribute("source"); //where img is a variable 

Если вы не можете найти IMG, то вам необходимо сделать это первым.

Смежные вопросы