2011-12-15 9 views
1

JQueryでアップロードする前に画像プレビューに取り組んでいますが、ChromeやOperaで動作していますが、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; 
    }()); 

誰でもFirefoxとIEのsrcで問題を見つけるのを手伝ってください。 5つの主要なブラウザすべてで、他の優れた作業ソリューションですか?

+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見つけることができない場合。

関連する問題