2011-12-15 30 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的问题。或者在所有五大浏览器中使用其他更好的工作解决方案?

+0

Fx说或做什么? loadImage从哪里来? – mplungjan 2011-12-15 11:23:52

回答

1

如果你能找到没有问题的图像,然后只需使用普通的DOM方法:

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

如果你不能找到IMG那么你需要做的第一。